Baoyu Image Cards

Wandelt einen Artikel in eine 1-10-Karten-Infografikserie um: 12 Stile, 8 Layouts, 3 Paletten

von guanyang · guanyang/open-agent-hub

Funktioniert mit Setup ★ 7.6/10

Baoyu Image Cards — Wandelt einen Artikel in eine 1-10-Karten-Infografikserie um: 12 Stile, 8 Layouts, 3 Paletten

Was es kann

Zerlegt einen Quellartikel oder eine Notiz in eine 1-10-Bildkarten-Serie für Xiaohongshu, WeChat und andere soziale Feeds, schreibt eine Analyse-Datei, eine Gliederung mit Swipe-Hooks pro Karte und eine vollständige Prompt-Datei pro Karte vor dem Rendern. Es wählt Stil, Layout und Palette anhand von Inhaltstyp-Signalen aus, übergibt dann die zusammengestellten Prompts an das installierte Rasterbild-Backend und verknüpft Karte 1 als Referenzbild für visuelle Konsistenz. Wird ausgelöst bei Anfragen nach 小红书图片, 微信图文, image cards, 图片卡片 oder einer Social-Media-Infografik-Kartenserie.

Testbericht

Das Repo geklont und in ein temporäres HOME installiert (export HOME=$(mktemp -d)); SKILL.md landete unter ~/.claude/skills/baoyu-image-cards/SKILL.md, 28 Dateien, alle Markdown, null Skripte und null curl/wget/base64/eval-Treffer im gesamten Baum. Die Behauptungen des Frontmatters überprüft: 12 Dateien in references/presets, 3 in references/palettes, 8 Layout-Zeilen in elements/canvas.md und vier per Spot-Fetch abgerufene Referenzen (style-presets.md, workflows/prompt-assembly.md, config/first-time-setup.md, elements/canvas.md) lieferten alle HTTP 200. Bei einer 150-Wörter-Quelle „5 mistakes that make your AWS bill explode“ schrieb ich zuerst einen Baseline-Kartenplan plus Cover-Prompt, dann folgte ich dem Body streng (Schritt 0 fand keine EXTEND.md, Schritt 1 analysis.md, Schritt 2 Pfad A, Schritt 3 Prompt-Datei): Der Baseline-Cover-Prompt war 10 Zeilen im Verhältnis 4:5 mit „gedämpfter blau-oranger Palette auf hellem Hintergrund“ und ohne sichere Zonen, während die Skill-zusammengestellten prompts/01-cover-aws-bill-mistakes.md 88 Zeilen umfasst, die die exakten Hex-Werte des Bold-Presets (#E53E3E/#DD6B20/#F6E05E auf #000000, Akzent #F7FF00), 3:4 bei 1242x1660, eine 60-70%ige Leerraum-Sparse-Spezifikation und explizite XHS-Sicherheitszonen (untere 10% Titelleiste, oben rechts Like/Share, unten rechts Wasserzeichen) ohne Baseline-Äquivalent enthielten. Ich konnte Schritt 3.2 (Bild 1 generieren) NICHT ausführen – in dieser Laufzeit existiert kein Raster-Backend (kein `imagegen`, kein `baoyu-imagine`, kein natives image_generate) und die Skill verbietet SVG/HTML-Ersatz strikt – daher wurde kein PNG produziert und die Bild-1-Ankerkette ist ungetestet; daher outputMeasured=false und Urteil setup.

Getestet am: 2026-07-21 · Claude Code 2.x (agent harness)

Installation

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

Befehle & Beispiel-Prompts

  • /baoyu-image-cardsWandelt einen Artikel in eine 1-10-Karten-Infografikserie um: 12 Stile, 8 Layouts, 3 Paletten

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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