baoyu-image-cards

baoyu-image-cards

Image Card Series Generator

Break down complex content into eye-catching image card series with multiple style options.

Usage

# Auto-select style and layout based on content
/baoyu-image-cards posts/ai-future/article.md

# Specify style
/baoyu-image-cards posts/ai-future/article.md --style notion

# Specify layout
/baoyu-image-cards posts/ai-future/article.md --layout dense

# Combine style and layout
/baoyu-image-cards posts/ai-future/article.md --style notion --layout list

# Specify palette (override style colors)
/baoyu-image-cards posts/ai-future/article.md --style notion --palette macaron

# Use preset (style + layout + optional palette shorthand)
/baoyu-image-cards posts/ai-future/article.md --preset knowledge-card

# Preset with override
/baoyu-image-cards posts/ai-future/article.md --preset poster --layout quadrant

# Preset with palette override
/baoyu-image-cards posts/ai-future/article.md --preset hand-drawn-edu --palette warm

# Direct content input
/baoyu-image-cards
[paste content]

# Direct input with options
/baoyu-image-cards --style bold --layout comparison
[paste content]

# Non-interactive (for scheduled tasks / automation)
/baoyu-image-cards posts/ai-future/article.md --yes
/baoyu-image-cards posts/ai-future/article.md --yes --preset knowledge-card

Options

Option Description

--style <name> Visual style (see Style Gallery)

--layout <name> Information layout (see Layout Gallery)

--palette <name> Color palette override (see Palette Gallery)

--preset <name> Style + layout + optional palette shorthand (see Style Presets)

--yes Non-interactive mode: skip all confirmations. Uses EXTEND.md preferences if found, otherwise uses defaults (no watermark, auto style/layout). Auto-confirms recommended plan (Path A). Suitable for scheduled tasks and automation.

Dimensions

Dimension Controls Options

Style Visual aesthetics: lines, decorations, rendering cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes, screen-print, sketch-notes

Layout Information structure: density, arrangement sparse, balanced, dense, list, comparison, flow, mindmap, quadrant

Palette (optional) Color override: replaces style's default colors macaron, warm, neon

Style × Layout can be freely combined, with optional palette override. Example: --style notion --layout dense creates an intellectual-looking knowledge card with high information density. Add --palette macaron to swap colors to soft pastels while keeping notion's rendering style.

Or use presets: --preset knowledge-card → style + layout in one flag. See Style Presets.

Palette behavior:

• No --palette → style uses its built-in colors (or its default_palette if defined)

• --palette macaron → overrides any style's colors with macaron palette

• Palette replaces colors only; style rendering rules (line treatment, elements, textures) stay unchanged

• Some styles declare a default_palette (e.g., sketch-notes defaults to macaron)

Style Gallery

Style Description

cute (Default) Sweet, adorable, girly aesthetic

fresh Clean, refreshing, natural

warm Cozy, friendly, approachable

bold High impact, attention-grabbing

minimal Ultra-clean, sophisticated

retro Vintage, nostalgic, trendy

pop Vibrant, energetic, eye-catching

notion Minimalist hand-drawn line art, intellectual

chalkboard Colorful chalk on black board, educational

study-notes Realistic handwritten photo style, blue pen + red annotations + yellow highlighter

screen-print Bold poster art, halftone textures, limited colors, symbolic storytelling

sketch-notes Hand-drawn educational infographic, macaron pastels on warm cream, wobble lines

Detailed style definitions: references/presets/<style>.md

Preset Gallery

Quick-start presets by content scenario. Use --preset <name> or recommend during Step 2.

Knowledge & Learning:

Preset Style Layout Best For

knowledge-card notion dense 干货知识卡、概念科普

checklist notion list 清单、排行榜、必备清单

concept-map notion mindmap 概念图、知识脉络

swot notion quadrant SWOT分析、四象限分类

tutorial chalkboard flow 教程步骤、操作流程

classroom chalkboard balanced 课堂笔记、知识讲解

study-guide study-notes dense 学习笔记、考试重点

hand-drawn-edu sketch-notes flow 手绘教程、流程图解

sketch-card sketch-notes dense 手绘知识卡、概念科普

sketch-summary sketch-notes balanced 手绘总结、图文笔记

Lifestyle & Sharing:

Preset Style Layout Best For

cute-share cute balanced 少女风分享、日常种草

girly cute sparse 甜美封面、氛围感

cozy-story warm balanced 生活故事、情感分享

product-review fresh comparison 产品对比、测评

nature-flow fresh flow 健康流程、自然主题

Impact & Opinion:

Preset Style Layout Best For

warning bold list 避坑指南、重要提醒

versus bold comparison 正反对比、强烈对照

clean-quote minimal sparse 金句、极简封面

pro-summary minimal balanced 专业总结、商务内容

Trend & Entertainment:

Preset Style Layout Best For

retro-ranking retro list 复古排行、经典盘点

throwback retro balanced 怀旧分享、老物件

pop-facts pop list 趣味冷知识、好玩的事

hype pop sparse 炸裂封面、惊叹分享

Poster & Editorial:

Preset Style Layout Best For

poster screen-print sparse 海报风封面、影评书评

editorial screen-print balanced 观点文章、文化评论

cinematic screen-print comparison 电影对比、戏剧张力

Full preset definitions: references/style-presets.md

Layout Gallery

Layout Description

sparse (Default) Minimal information, maximum impact (1-2 points)

balanced Standard content layout (3-4 points)

dense High information density, knowledge card style (5-8 points)

list Enumeration and ranking format (4-7 items)

comparison Side-by-side contrast layout

flow Process and timeline layout (3-6 steps)

mindmap Center radial mind map layout (4-8 branches)

quadrant Four-quadrant / circular section layout

Detailed layout definitions: references/elements/canvas.md

Palette Gallery

Optional color override. Replaces style's built-in colors while preserving rendering rules.

Palette Background Zone Colors Accent Feel

macaron Warm cream #F5F0E8 Blue #A8D8EA, Lavender #D5C6E0, Mint #B5E5CF, Peach #F8D5C4 Coral #E8655A Soft, educational, approachable

warm Soft Peach #FFECD2 Orange #ED8936, Terracotta #C05621, Golden #F6AD55, Rose #D4A09A Sienna #A0522D Cozy, earth tones, no cool colors

neon Dark Purple #1A1025 Cyan #00F5FF, Magenta #FF00FF, Green #39FF14, Pink #FF6EC7 Yellow #FFFF00 High-energy, futuristic

Detailed palette definitions: references/palettes/<palette>.md

Auto Selection

Content Signals Style Layout Recommended Preset

Beauty, fashion, cute, girl, pink cute sparse/balanced cute-share, girly

Health, nature, clean, fresh, organic fresh balanced/flow product-review, nature-flow

Life, story, emotion, feeling, warm warm balanced cozy-story

Warning, important, must, critical bold list/comparison warning, versus

Professional, business, elegant, simple minimal sparse/balanced clean-quote, pro-summary

Classic, vintage, old, traditional retro balanced throwback, retro-ranking

Fun, exciting, wow, amazing pop sparse/list hype, pop-facts

Knowledge, concept, productivity, SaaS notion dense/list knowledge-card, checklist

Education, tutorial, learning, teaching, classroom chalkboard balanced/dense tutorial, classroom

Notes, handwritten, study guide, knowledge, realistic, photo study-notes dense/list/mindmap study-guide

Movie, album, concert, poster, opinion, editorial, dramatic, cinematic screen-print sparse/comparison poster, editorial, cinematic

Hand-drawn, infographic, diagram, visual summary, 手绘, 图解, workflow, process sketch-notes flow/balanced/dense hand-drawn-edu, sketch-card, sketch-summary

Outline Strategies

Three differentiated outline strategies for different content goals:

Strategy A: Story-Driven (故事驱动型)

Aspect Description

Concept Personal experience as main thread, emotional resonance first

Features Start from pain point, show before/after change, strong authenticity

Best for Reviews, personal shares, transformation stories

Structure Hook → Problem → Discovery → Experience → Conclusion

Strategy B: Information-Dense (信息密集型)

Aspect Description

Concept Value-first, efficient information delivery

Features Clear structure, explicit points, professional credibility

Best for Tutorials, comparisons, product reviews, checklists

Structure Core conclusion → Info card → Pros/Cons → Recommendation

Strategy C: Visual-First (视觉优先型)

Aspect Description

Concept Visual impact as core, minimal text

Features Large images, atmospheric, instant appeal

Best for High-aesthetic products, lifestyle, mood-based content

Structure Hero image → Detail shots → Lifestyle scene → CTA

File Structure

Each session creates an independent directory named by content slug:

image-cards/{topic-slug}/
├── source-{slug}.{ext}             # Source files (text, images, etc.)
├── analysis.md                     # Deep analysis + questions asked
├── outline-strategy-a.md           # Strategy A: Story-driven
├── outline-strategy-b.md           # Strategy B: Information-dense
├── outline-strategy-c.md           # Strategy C: Visual-first
├── outline.md                      # Final selected/merged outline
├── prompts/
│   ├── 01-cover-[slug].md
│   ├── 02-content-[slug].md
│   └── ...
├── 01-cover-[slug].png
├── 02-content-[slug].png
└── NN-ending-[slug].png

Slug Generation:

• Extract main topic from content (2-4 words, kebab-case)

• Example: "AI工具推荐" → ai-tools-recommend

Conflict Resolution: If image-cards/{topic-slug}/ already exists:

• Append timestamp: {topic-slug}-YYYYMMDD-HHMMSS

• Example: ai-tools exists → ai-tools-20260118-143052

Source Files: Copy all sources with naming source-{slug}.{ext}:

• source-article.md, source-photo.jpg, etc.

• Multiple sources supported: text, images, files from conversation

Workflow

Progress Checklist

Copy and track progress:

Image Card Series Progress:
- [ ] Step 0: Check preferences (EXTEND.md) ⛔ BLOCKING (--yes: use defaults if not found)
  - [ ] Found → load preferences → continue
  - [ ] Not found → run first-time setup → MUST complete before Step 1 (--yes: skip setup, use defaults)
- [ ] Step 1: Analyze content → analysis.md
- [ ] Step 2: Smart Confirm ⚠️ REQUIRED (--yes: auto-confirm Path A)
  - [ ] Path A: Quick confirm → generate recommended outline
  - [ ] Path B: Customize → adjust then generate outline
  - [ ] Path C: Detailed → 3 outlines → second confirm → generate outline
- [ ] Step 3: Generate images (sequential)
- [ ] Step 4: Completion report

Flow

Input → [--yes?] ─┬─ Yes → [Step 0: Load or defaults] → Analyze → Auto-confirm → Generate → Complete
                   │
                   └─ No → [Step 0: Preferences] ─┬─ Found → Continue
                                                   │
                                                   └─ Not found → First-Time Setup ⛔ BLOCKING
                                                                  │
                                                                  └─ Complete setup → Save EXTEND.md → Continue
                                                                                                          │
                    ┌─────────────────────────────────────────────────────────────────────────────────────┘
                    ↓
            Analyze → [Smart Confirm] ─┬─ Quick: confirm recommended → outline.md → Generate → Complete
                                       │
                                       ├─ Customize: adjust options → outline.md → Generate → Complete
                                       │
                                       └─ Detailed: 3 outlines → [Confirm 2] → outline.md → Generate → Complete

Step 0: Load Preferences (EXTEND.md) ⛔ BLOCKING

Purpose: Load user preferences or run first-time setup.

--yes mode: If EXTEND.md found → load it. If not found → use built-in defaults (no watermark, style/layout auto-select, language from content). Do NOT run first-time setup, do NOT create EXTEND.md, do NOT ask any questions. Proceed directly to Step 1.

CRITICAL (interactive mode only): If EXTEND.md not found, MUST complete first-time setup before ANY other questions or steps. Do NOT proceed to content analysis, do NOT ask about style, do NOT ask about layout — ONLY complete the preferences setup first.

Check EXTEND.md existence (priority order):

# macOS, Linux, WSL, Git Bash
test -f .baoyu-skills/baoyu-image-cards/EXTEND.md && echo "project"
test -f "${XDG_CONFIG_HOME:-$HOME/.config}/baoyu-skills/baoyu-image-cards/EXTEND.md" && echo "xdg"
test -f "$HOME/.baoyu-skills/baoyu-image-cards/EXTEND.md" && echo "user"

# PowerShell (Windows)
if (Test-Path .baoyu-skills/baoyu-image-cards/EXTEND.md) { "project" }
$xdg = if ($env:XDG_CONFIG_HOME) { $env:XDG_CONFIG_HOME } else { "$HOME/.config" }
if (Test-Path "$xdg/baoyu-skills/baoyu-image-cards/EXTEND.md") { "xdg" }
if (Test-Path "$HOME/.baoyu-skills/baoyu-image-cards/EXTEND.md") { "user" }

┌────────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-image-cards/EXTEND.md │ Project directory │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-image-cards/EXTEND.md │ User home │ └────────────────────────────────────────────────────┴───────────────────┘

┌───────────┬─────────────────────────────────────────────────────────────────────────────────────────────────────┐ │ Result │ Action │ ├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ Found │ Read, parse, display summary → Continue to Step 1 │ ├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤ │ Not found │ ⛔ BLOCKING: Run first-time setup ONLY (see below) → Complete and save EXTEND.md → Then Step 1 │ └───────────┴─────────────────────────────────────────────────────────────────────────────────────────────────────┘

First-Time Setup (when EXTEND.md not found):

Language: Use user's input language or saved language preference.

Use AskUserQuestion with ALL questions in ONE call. See references/config/first-time-setup.md for question det

...