
Baoyu Image Cards
Turn long posts or product copy into a scroll-stopping series of cartoon-style image cards for 小红书, 微信图文, or Western social feeds without opening a design tool.
Overview
Baoyu Image Cards is an agent skill most often used in Launch (also Grow) that breaks content into 1–10 styled social infographic cards for 小红书, WeChat-style posts, and generic image-card series.
Install
npx skills add https://github.com/jimliu/baoyu-skills --skill baoyu-image-cardsWhat is this skill?
- Splits one topic into 1–10 image cards sized for social engagement
- 12 visual styles, 8 layout templates, and 3 color palettes
- Triggers on 小红书/小绿书/微信图文 and English “image cards” phrasing
- Batches user choices via runtime AskUserQuestion-style tools when available
- Resolves image backends from user override, then project defaults, then fallbacks
- 8 layouts
Adoption & trust: 6.3k installs on skills.sh; 20.9k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have written content but no fast way to produce a consistent multi-image carousel that fits platform-native visual habits.
Who is it for?
Indie founders repurposing blog or newsletter sections into Xiaohongshu or WeChat visual threads.
Skip if: Teams that need pixel-perfect Figma handoff, video reels, or strict enterprise brand-asset governance without human review.
When should I use this skill?
User mentions 小红书图片, 小红书种草, 小绿书, 微信图文, 微信贴图, image cards, 图片卡片, or wants a social media infographic series.
What do I get? / Deliverables
You get a numbered card series with chosen style, layout, and palette ready to export and post, with generation routed through your configured image backend.
- 1–10 styled image cards with consistent visual system
- Series breakdown mapping copy to each card
Recommended Skills
Journey fit
Spans multiple journey phases - primary shelf plus alternate fits below.
Social infographic series are a primary launch distribution format for platforms that reward visual carousels over plain text links. Distribution covers channel-native creative (种草贴、图文卡片) meant to drive clicks and saves—not the SEO article draft itself.
Where it fits
Turn a launch announcement into eight 小红书种草 cards with a single palette before campaign day.
Refresh a evergreen how-to thread with new layout variants for quarterly reposts.
Prototype hero-adjacent card strips to test messaging on social before locking landing copy.
How it compares
A generative carousel pack skill—not an MCP server and not a full SEO content-brief workflow.
Common Questions / FAQ
Who is baoyu-image-cards for?
Solo and indie builders who publish on visual-first social channels and want their coding agent to plan and render multi-card infographics from existing copy.
When should I use baoyu-image-cards?
Use it at Launch when preparing distribution assets for 小红书种草 or 微信图文, and during Grow when refreshing content threads with new card styles; also whenever a user mentions “image cards” or social infographic series.
Is baoyu-image-cards safe to install?
Review the Security Audits panel on this Prism page and treat image-generation calls as network-capable; only install from sources you trust and avoid pasting secrets into prompts.
SKILL.md
READMESKILL.md - Baoyu Image Cards
# Image Card Series Generator Break down complex content into eye-catching image card series with multiple style options. ## User Input Tools When this skill prompts the user, follow this tool-selection rule (priority order): 1. **Prefer built-in user-input tools** exposed by the current agent runtime — e.g., `AskUserQuestion`, `request_user_input`, `clarify`, `ask_user`, or any equivalent. 2. **Fallback**: if no such tool exists, emit a numbered plain-text message and ask the user to reply with the chosen number/answer for each question. 3. **Batching**: if the tool supports multiple questions per call, combine all applicable questions into a single call; if only single-question, ask them one at a time in priority order. Concrete `AskUserQuestion` references below are examples — substitute the local equivalent in other runtimes. ## Image Generation Tools When this skill needs to render an image, resolve the backend in this order: 1. **Current-request override** — if the user names a specific backend in the current message, use it. 2. **Saved preference** — if `EXTEND.md` sets `preferred_image_backend` to a backend available right now, use it. 3. **Auto-select** (when the preference is `auto`, unset, or the pinned backend isn't available): - **Codex (`imagegen`)** — first, inspect your available-skills / tool inventory. If a skill named `imagegen` is listed, you are running inside Codex and MUST use it: invoke via the `Skill` tool with `skill: "imagegen"`, passing the saved prompt file's content (plus output path and aspect ratio per Codex `imagegen`'s own args). Codex `imagegen` is the official raster backend in that runtime and outranks any non-native skill (e.g., `baoyu-imagine`) unless the user has explicitly pinned a different `preferred_image_backend`. - **Other runtime-native tools** — if the runtime exposes a different native image tool (e.g., Hermes `image_generate`), use it the same way. - Otherwise, if exactly one non-native backend is installed (e.g., `baoyu-imagine`), use it. - Otherwise (multiple non-native backends with no runtime-native tool), ask the user once — batch with any other initial questions. 4. **If none are available**, tell the user and ask how to proceed. **⛔ Never substitute SVG, HTML, canvas, or other code-based rendering for raster image generation.** Codex `imagegen`'s own description says it should be used "when the output should be a bitmap asset rather than repo-native code or vector." If you cannot resolve a raster backend via step 3, fall through to step 4 and ask the user — do **not** silently emit SVG, write inline `<svg>` markup, or produce HTML/CSS art as a substitute. This applies even if the article/section seems "diagram-like": the consumer skill calling this rule has already decided that a raster image is what it needs. **⛔ Never repair rendered text by painting over a generated bitmap.** Do not use ImageMagick, Pillow, Canvas, SVG, HTML/CSS, OCR scripts, or any other programmatic overlay to cover, rewrite, erase, stroke, or replace titles, body copy, tags, or any other text inside an already generated image card. If text is wrong or unclear, regenerate from a corrected prompt, switch to a layout with less on-card text, or ask the user which imperfect candidate to keep. Setting `preferred_image_backend: ask` forces the step-3 prompt every run regardless of available backends. Users change the pinned backend via the `## Changing Preferences` section below. **Prompt file requirement (hard)**: write