Image Card Series Generator Skill

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 details.

EXTEND.md Supports: Watermark | Preferred style/layout | Custom style definitions | Language preference

Schema: references/config/preferences-schema.md

Step 1: Analyze Content → `analysis.md`

Read source content, save it if needed, and perform deep analysis.

Actions:

Save source content (if not already a file):
- If user provides a file path: use as-is
- If user pastes content: save to source.md in target directory
- Backup rule: If source.md exists, rename to source-backup-YYYYMMDD-HHMMSS.md
Read source content
Deep analysis following references/workflows/analysis-framework.md:
- Content type classification (種草/乾貨/測評/教程/避坑...)
- Hook analysis (爆款標題潛力)
- Target audience identification
- Engagement potential (收藏/分享/評論)
- Visual opportunity mapping
- Swipe flow design
Detect source language
Determine recommended image count (2-10)
Auto-recommend best strategy + style + layout + palette based on content signals
Save to analysis.md

Step 2: Smart Confirm ⚠️

Purpose: Present auto-recommended plan, let user confirm or adjust.

--yes mode: Skip this entire step. Use auto-recommended strategy + style + layout + palette from Step 1 analysis (or --style/--layout/--palette/--preset if provided). Generate outline directly using Path A logic → save to outline.md → proceed to Step 3. No AskUserQuestion calls.

Interactive mode: Do NOT skip.

Auto-Recommendation Logic:

Use Auto Selection table to match content signals → best strategy + style + layout + palette
Infer optimal image count from content density
Load style's default elements from preset (apply palette override if applicable)

Display (analysis summary + recommended plan):

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📋 內容分析
  主題：[topic] | 型別：[content_type]
  要點：[key points summary]
  受眾：[target audience]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎨 推薦方案（自動匹配）
  策略：[A/B/C] [strategy name]（[reason]）
  風格：[style] · 佈局：[layout] · 配色：[palette or "預設"] · 預設：[preset]
  圖片：[N]張（封面+[N-2]內容+結尾）
  元素：[background] / [decorations] / [emphasis]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Use AskUserQuestion with single question:

| Option | Description | |--------|-------------| | 1. ✅ 確認，直接生成（推薦） | Trust auto-recommendation, proceed immediately | | 2. 🎛️ 自定義調整 | Modify strategy/style/layout/count in one step | | 3. 📋 詳細模式 | Generate 3 outlines, then choose (two confirmations) |

Path A: Quick Confirm (Option 1)

Generate single outline using recommended strategy + style → save to outline.md → Step 3.

Path B: Customize (Option 2)

Use AskUserQuestion with adjustable options (leave blank = keep recommended):

策略風格: Current: [strategy + style]. Options: A Story-Driven(warm) | B Information-Dense(notion) | C Visual-First(screen-print). Or specify style directly: cute/fresh/warm/bold/minimal/retro/pop/notion/chalkboard/study-notes/screen-print/sketch-notes. Or use preset: knowledge-card / checklist / tutorial / poster / hand-drawn-edu / etc.
佈局: Current: [layout]. Options: sparse | balanced | dense | list | comparison | flow | mindmap | quadrant
配色: Current: [palette or "預設"]. Options: 預設 | macaron | warm | neon
圖片數量: Current: [N]. Range: 2-10
補充說明（可選）: Selling point emphasis, audience adjustment, custom color preference, etc.

After response: Generate single outline with user's choices → save to outline.md → Step 3.

Path C: Detailed Mode (Option 3)

Full two-confirmation flow for maximum control:

Step 2a: Content Understanding

Use AskUserQuestion for:

Core selling point (multiSelect: true)
Target audience
Style preference: Authentic sharing / Professional review / Aesthetic mood / Auto
Additional context (optional)

After response: Update analysis.md.

Step 2b: Generate 3 Outline Variants

| Strategy | Filename | Outline | Recommended Style | |----------|----------|---------|-------------------| | A | outline-strategy-a.md | Story-driven: emotional, before/after | warm, cute, fresh | | B | outline-strategy-b.md | Information-dense: structured, factual | notion, minimal, chalkboard | | C | outline-strategy-c.md | Visual-first: atmospheric, minimal text | bold, pop, retro, screen-print |

Outline format (YAML front matter + content):

---
strategy: a  # a, b, or c
name: Story-Driven
style: warm  # recommended style for this strategy
palette: ~  # optional palette override (macaron, warm, neon, or ~ for style default)
style_reason: "Warm tones enhance emotional storytelling and personal connection"
elements:  # from style preset, can be customized
  background: solid-pastel
  decorations: [clouds, stars-sparkles]
  emphasis: star-burst
  typography: highlight
layout: balanced  # primary layout
image_count: 5
---

## P1 Cover
**Type**: cover
**Hook**: "入冬後臉不幹了🥹終於找到對的面霜"
**Visual**: Product hero shot with cozy winter atmosphere
**Layout**: sparse

## P2 Problem
**Type**: pain-point
**Message**: Previous struggles with dry skin
**Visual**: Before state, relatable scenario
**Layout**: balanced

...

Differentiation requirements:

Each strategy MUST have different outline structure AND different recommended style
Adapt page count: A typically 4-6, B typically 3-5, C typically 3-4
Include style_reason explaining why this style fits the strategy

Reference: references/workflows/outline-template.md

Step 2c: Outline & Style Selection

Use AskUserQuestion with three questions:

Q1: Outline Strategy: A / B / C / Combine (specify pages from each)

Q2: Visual Style: Use recommended | Select preset | Select style | Custom description

Q3: Visual Elements: Use defaults (Recommended) | Adjust background | Adjust decorations | Custom

After response: Save selected/merged outline to outline.md with confirmed style and elements → Step 3.

Step 3: Generate Images

With confirmed outline + style + layout:

Visual Consistency — Reference Image Chain: To ensure character/style consistency across all images in a series:

Generate image 1 (cover) FIRST — without --ref
Use image 1 as --ref for ALL remaining images (2, 3, ..., N)
- This anchors the character design, color rendering, and illustration style
- Command pattern: --ref <path-to-image-01.png> added to every subsequent generation

This is critical for styles that use recurring characters, mascots, or illustration elements. Image 1 becomes the visual anchor for the entire series.

For each image (cover + content + ending):

Save prompt to prompts/NN-{type}-[slug].md (in user's preferred language)
- Backup rule: If prompt file exists, rename to prompts/NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.md
Generate image:
- Image 1: Generate without --ref (this establishes the visual anchor)
- Images 2+: Generate with --ref <image-01-path> for consistency
- Backup rule: If image file exists, rename to NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.png
Report progress after each generation

Watermark Application (if enabled in preferences): Add to each image generation prompt:

Include a subtle watermark "[content]" positioned at [position].
The watermark should be legible but not distracting from the main content.

Reference: references/config/watermark-guide.md

Image Generation Skill Selection:

Check available image generation skills
If multiple skills available: ask user preference (interactive) or use first available skill (--yes mode)

Session Management: If image generation skill supports --sessionId:

Generate unique session ID: cards-{topic-slug}-{timestamp}
Use same session ID for all images
Combined with reference image chain, ensures maximum visual consistency

Step 4: Completion Report

Image Card Series Complete!

Topic: [topic]
Mode: [Quick / Custom / Detailed]
Strategy: [A/B/C/Combined]
Style: [style name]
Palette: [palette name or "default"]
Layout: [layout name or "varies"]
Location: [directory path]
Images: N total

✓ analysis.md
✓ outline.md
✓ outline-strategy-a/b/c.md (detailed mode only)

Files:
- 01-cover-[slug].png ✓ Cover (sparse)
- 02-content-[slug].png ✓ Content (balanced)
- 03-content-[slug].png ✓ Content (dense)
- 04-ending-[slug].png ✓ Ending (sparse)

Image Modification

| Action | Steps | |--------|-------| | Edit | Update prompt file FIRST → Regenerate with same session ID | | Add | Specify position → Create prompt → Generate → Renumber subsequent files (NN+1) → Update outline | | Delete | Remove files → Renumber subsequent (NN-1) → Update outline |

IMPORTANT: When updating images, ALWAYS update the prompt file (prompts/NN-{type}-[slug].md) FIRST before regenerating. This ensures changes are documented and reproducible.

Content Breakdown Principles

Cover (Image 1): Hook + visual impact → sparse layout
Content (Middle): Core value per image → balanced/dense/list/comparison/flow
Ending (Last): CTA / summary → sparse or balanced

Style × Layout Matrix (✓✓ = highly recommended, ✓ = works well):

| | sparse | balanced | dense | list | comparison | flow | mindmap | quadrant | |---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:| | cute | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ | | fresh | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ | | warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | | bold | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | | minimal | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ | ✓ | | retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ | | pop | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | | notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | | chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ | | study-notes | ✗ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | | screen-print | ✓✓ | ✓✓ | ✗ | ✓ | ✓✓ | ✓ | ✗ | ✓✓ | | sketch-notes | ✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |

References

Detailed templates in references/ directory:

Elements (Visual building blocks):

elements/canvas.md - Aspect ratios, safe zones, grid layouts
elements/image-effects.md - Cutout, stroke, filters
elements/typography.md - Decorated text (花字), tags, text direction
elements/decorations.md - Emphasis marks, backgrounds, doodles, frames

Presets (Style presets):

presets/<name>.md - Element combination definitions (cute, notion, warm...)
style-presets.md - Preset shortcuts (style + layout + palette combos)

Palettes (Color overrides):

palettes/<name>.md - Color palette definitions (macaron, warm, neon)

Workflows (Process guides):

workflows/analysis-framework.md - Content analysis framework
workflows/outline-template.md - Outline template with layout guide
workflows/prompt-assembly.md - Prompt assembly guide

Config (Settings):

config/preferences-schema.md - EXTEND.md schema
config/first-time-setup.md - First-time setup flow
config/watermark-guide.md - Watermark configuration

Notes

Auto-retry once on failure | Cartoon alternatives for sensitive figures
Use confirmed language preference | Maintain style consistency
Smart Confirm required (Step 2) - do not skip; detailed mode uses two sub-confirmations

Extension Support

Custom configurations via EXTEND.md. See Step 0 for paths and supported options.

Agent Skills: Image Card Series Generator

Install this agent skill to your local

Skill Files