Baoyu Image Cards

Zet een artikel om in een infographic serie van 1-10 kaarten: 12 stijlen, 8 layouts, 3 paletten

Door guanyang · guanyang/open-agent-hub

Werkt met setup ★ 7.6/10

Baoyu Image Cards — Zet een artikel om in een infographic serie van 1-10 kaarten: 12 stijlen, 8 layouts, 3 paletten

Wat het doet

Breekt een bronartikel of notitie op in een serie van 1-10 afbeeldingskaarten voor Xiaohongshu, WeChat en andere sociale feeds, schrijft een analysebestand, een outline met per-kaart swipe hooks, en één volledig promptbestand per kaart vóór enige rendering. Het kiest stijl, layout en palet op basis van content-type signalen, en geeft vervolgens de geassembleerde prompts door aan welke rasterafbeelding backend dan ook is geïnstalleerd, waarbij kaart 1 als referentieafbeelding wordt gekoppeld voor visuele consistentie. Activeert bij verzoeken om 小红书图片, 微信图文, image cards, 图片卡片, of een social-media infographic kaartenserie.

Testrapport

De repo gekloond en geïnstalleerd in een tijdelijke HOME (export HOME=$(mktemp -d)); SKILL.md kwam terecht in ~/.claude/skills/baoyu-image-cards/SKILL.md, 28 bestanden, allemaal markdown, nul scripts en nul curl/wget/base64/eval hits in de hele boomstructuur. De claims van de frontmatter geverifieerd: 12 bestanden in references/presets, 3 in references/palettes, 8 layout rijen in elements/canvas.md, en vier willekeurig opgehaalde referenties (style-presets.md, workflows/prompt-assembly.md, config/first-time-setup.md, elements/canvas.md) retourneerden allemaal HTTP 200. Op een 150-woorden "5 mistakes that make your AWS bill explode" bron schreef ik eerst een baseline kaartplan plus cover prompt, en volgde daarna strikt de body (Stap 0 vond geen EXTEND.md, Stap 1 analysis.md, Stap 2 Pad A, Stap 3 prompt bestand): de baseline cover prompt was 10 regels op 4:5 met "muted blue and orange palette on a light background" en geen veilige zones, terwijl de door de skill geassembleerde prompts/01-cover-aws-bill-mistakes.md 88 regels is met de exacte hex-codes van het bold preset (#E53E3E/#DD6B20/#F6E05E op #000000, accent #F7FF00), 3:4 op 1242x1660, een 60-70% whitespace sparse spec, en expliciete XHS veilige zones (onderste 10% titelbalk, rechtsboven like/share, rechtsonder watermerk) zonder baseline equivalent. Ik kon Stap 3.2 (afbeelding 1 genereren) NIET uitvoeren — er bestaat geen rasterbackend in deze runtime (geen `imagegen`, geen `baoyu-imagine`, geen native image_generate) en de skill verbiedt SVG/HTML substituten strikt — dus er werd geen PNG geproduceerd en de image-1 ankerketen is ongetest; vandaar outputMeasured=false en oordeel setup.

Getest op: 2026-07-21 · Claude Code 2.x (agent harness)

Installatie

git clone --depth 1 https://github.com/guanyang/open-agent-hub.git /tmp/baoyu-image-cards-src
mkdir -p ~/.claude/skills
cp -R /tmp/baoyu-image-cards-src/skills/baoyu-image-cards ~/.claude/skills/baoyu-image-cards
# 28 markdown files, no scripts, no runtime deps.
# REQUIRED EXTRA: the skill renders nothing itself. It resolves a raster image backend at
#   Step 3 and explicitly forbids SVG/HTML/canvas substitutes. Install one of:
#   - Codex CLI's built-in `imagegen` skill (auto-detected, highest priority), or
#   - the `baoyu-imagine` skill, or another runtime-native image tool.
#   With none installed the skill stops at Step 3 and asks how to proceed.
# Optional preferences file (style, layout, palette, watermark, backend, batch size):
#   ~/.baoyu-skills/baoyu-image-cards/EXTEND.md  (schema: references/config/preferences-schema.md)
#   If absent, the first interactive run walks through first-time setup; `--yes` skips it.
# Usage: "turn this article into 小红书 image cards", or flags such as
#   --preset warning --palette macaron --batch-size 4 --yes

Commando's en voorbeeldprompts

  • /baoyu-image-cardsZet een artikel om in een infographic serie van 1-10 kaarten: 12 stijlen, 8 layouts, 3 paletten

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Make a Xiaohongshu image card series for this post
  • Create infographic cards summarizing this article
  • Generate a WeChat image-text card set on this topic