aitu-app 0.6.48 → 0.6.49

package/assets/external-skills-BcV6ATYi.js

@@ -0,0 +1 @@
+const e="baoyu-skills",n=JSON.parse('[{"id":"baoyu-skills:baoyu-article-illustrator","name":"文章配图(baoyu-article-illustrator)","description":"Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style two-dimension approach. Use when user asks to \\"illustrate article\\", \\"add images\\", \\"generate images for article\\", or \\"为文章配图\\".","type":"external","content":"# Article Illustrator\\n\\nAnalyze articles, identify illustration positions, generate images with Type × Style consistency.\\n\\n## Two Dimensions\\n\\n| Dimension | Controls | Examples |\\n|-----------|----------|----------|\\n| **Type** | Information structure | infographic, scene, flowchart, comparison, framework, timeline |\\n| **Style** | Visual aesthetics | notion, warm, minimal, blueprint, watercolor, elegant |\\n\\nCombine freely: `--type infographic --style blueprint`\\n\\n## Types\\n\\n| Type | Best For |\\n|------|----------|\\n| `infographic` | Data, metrics, technical |\\n| `scene` | Narratives, emotional |\\n| `flowchart` | Processes, workflows |\\n| `comparison` | Side-by-side, options |\\n| `framework` | Models, architecture |\\n| `timeline` | History, evolution |\\n\\n## Styles\\n\\nSee [references/styles.md](references/styles.md) for Core Styles, full gallery, and Type × Style compatibility.\\n\\n## Workflow\\n\\n```\\n- [ ] Step 1: Pre-check (EXTEND.md, references, config)\\n- [ ] Step 2: Analyze content\\n- [ ] Step 3: Confirm settings (AskUserQuestion)\\n- [ ] Step 4: Generate outline\\n- [ ] Step 5: Generate images\\n- [ ] Step 6: Finalize\\n```\\n\\n### Step 1: Pre-check\\n\\n**1.5 Load Preferences (EXTEND.md) ⛔ BLOCKING**\\n\\n```bash\\ntest -f .baoyu-skills/baoyu-article-illustrator/EXTEND.md && echo \\"project\\"\\ntest -f \\"$HOME/.baoyu-skills/baoyu-article-illustrator/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n| Result | Action |\\n|--------|--------|\\n| Found | Read, parse, display summary |\\n| Not found | ⛔ Run [first-time-setup](references/config/first-time-setup.md) |\\n\\nFull procedures: [references/workflow.md](references/workflow.md#step-1-pre-check)\\n\\n### Step 2: Analyze\\n\\n| Analysis | Output |\\n|----------|--------|\\n| Content type | Technical / Tutorial / Methodology / Narrative |\\n| Purpose | information / visualization / imagination |\\n| Core arguments | 2-5 main points |\\n| Positions | Where illustrations add value |\\n\\n**CRITICAL**: Metaphors → visualize underlying concept, NOT literal image.\\n\\nFull procedures: [references/workflow.md](references/workflow.md#step-2-setup--analyze)\\n\\n### Step 3: Confirm Settings ⚠️\\n\\n**ONE AskUserQuestion, max 4 Qs. Q1-Q3 REQUIRED.**\\n\\n| Q | Options |\\n|---|---------|\\n| **Q1: Type** | [Recommended], infographic, scene, flowchart, comparison, framework, timeline, mixed |\\n| **Q2: Density** | minimal (1-2), balanced (3-5), per-section (Recommended), rich (6+) |\\n| **Q3: Style** | [Recommended], minimal-flat, sci-fi, hand-drawn, editorial, scene, Other |\\n| Q4: Language | When article language ≠ EXTEND.md setting |\\n\\nFull procedures: [references/workflow.md](references/workflow.md#step-3-confirm-settings-)\\n\\n### Step 4: Generate Outline\\n\\nSave `outline.md` with frontmatter (type, density, style, image_count) and entries:\\n\\n```yaml\\n## Illustration 1\\n**Position**: [section/paragraph]\\n**Purpose**: [why]\\n**Visual Content**: [what]\\n**Filename**: 01-infographic-concept-name.png\\n```\\n\\nFull template: [references/workflow.md](references/workflow.md#step-4-generate-outline)\\n\\n### Step 5: Generate Images\\n\\n⛔ **BLOCKING: Prompt files MUST be saved before ANY image generation.**\\n\\n1. For each illustration, create a prompt file per [references/prompt-construction.md](references/prompt-construction.md)\\n2. Save to `prompts/NN-{type}-{slug}.md` with YAML frontmatter\\n3. Prompts **MUST** use type-specific templates with structured sections (ZONES / LABELS / COLORS / STYLE / ASPECT)\\n4. LABELS **MUST** include article-specific data: actual numbers, terms, metrics, quotes\\n5. **DO NOT** pass ad-hoc inline prompts to `--prompt` without saving prompt files first\\n6. Select generation skill, process references (`direct`/`style`/`palette`)\\n7. Apply watermark if EXTEND.md enabled\\n8. Generate from saved prompt files; retry once on failure\\n\\nFull procedures: [references/workflow.md](references/workflow.md#step-5-generate-images)\\n\\n### Step 6: Finalize\\n\\nInsert `![description](path/NN-{type}-{slug}.png)` after paragraphs.\\n\\n```\\nArticle Illustration Complete!\\nArticle: [path] | Type: [type] | Density: [level] | Style: [style]\\nImages: X/N generated\\n```\\n\\n## Output Directory\\n\\n```\\nillustrations/{topic-slug}/\\n├── source-{slug}.{ext}\\n├── references/           # if provided\\n├── outline.md\\n├── prompts/\\n└── NN-{type}-{slug}.png\\n```\\n\\n**Slug**: 2-4 words, kebab-case. **Conflict**: append `-YYYYMMDD-HHMMSS`.\\n\\n## Modification\\n\\n| Action | Steps |\\n|--------|-------|\\n| Edit | Update prompt → Regenerate → Update reference |\\n| Add | Position → Prompt → Generate → Update outline → Insert |\\n| Delete | Delete files → Remove reference → Update outline |\\n\\n## References\\n\\n| File | Content |\\n|------|---------|\\n| [references/workflow.md](references/workflow.md) | Detailed procedures |\\n| [references/usage.md](references/usage.md) | Command syntax |\\n| [references/styles.md](references/styles.md) | Style gallery |\\n| [references/prompt-construction.md](references/prompt-construction.md) | Prompt templates |\\n| [references/config/first-time-setup.md](references/config/first-time-setup.md) | First-time setup |\\n\\n---\\n\\n## Reference: config/first-time-setup.md\\n\\n---\\nname: first-time-setup\\ndescription: First-time setup flow for baoyu-article-illustrator preferences\\n---\\n\\n# First-Time Setup\\n\\n## Overview\\n\\nWhen no EXTEND.md is found, guide user through preference setup.\\n\\n**⛔ BLOCKING OPERATION**: This setup MUST complete before ANY other workflow steps. Do NOT:\\n- Ask about reference images\\n- Ask about content/article\\n- Ask about type or style preferences\\n- Proceed to content analysis\\n\\nONLY ask the questions in this setup flow, save EXTEND.md, then continue.\\n\\n## Setup Flow\\n\\n```\\nNo EXTEND.md found\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ AskUserQuestion     │\\n│ (all questions)     │\\n└─────────────────────┘\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ Create EXTEND.md    │\\n└─────────────────────┘\\n        │\\n        ▼\\n    Continue to Step 1\\n```\\n\\n## Questions\\n\\n**Language**: Use user\'s input language or preferred language for all questions. Do not always use English.\\n\\nUse single AskUserQuestion with multiple questions (AskUserQuestion auto-adds \\"Other\\" option):\\n\\n### Question 1: Watermark\\n\\n```\\nheader: \\"Watermark\\"\\nquestion: \\"Watermark text for generated illustrations? Type your watermark content (e.g., name, @handle)\\"\\noptions:\\n  - label: \\"No watermark (Recommended)\\"\\n    description: \\"No watermark, can enable later in EXTEND.md\\"\\n```\\n\\nPosition defaults to bottom-right.\\n\\n### Question 2: Preferred Style\\n\\n```\\nheader: \\"Style\\"\\nquestion: \\"Default illustration style preference? Or type another style name or your custom style\\"\\noptions:\\n  - label: \\"None (Recommended)\\"\\n    description: \\"Auto-select based on content analysis\\"\\n  - label: \\"notion\\"\\n    description: \\"Minimalist hand-drawn line art\\"\\n  - label: \\"warm\\"\\n    description: \\"Friendly, approachable, personal\\"\\n```\\n\\n### Question 3: Save Location\\n\\n```\\nheader: \\"Save\\"\\nquestion: \\"Where to save preferences?\\"\\noptions:\\n  - label: \\"Project\\"\\n    description: \\".baoyu-skills/ (this project only)\\"\\n  - label: \\"User\\"\\n    description: \\"~/.baoyu-skills/ (all projects)\\"\\n```\\n\\n## Save Locations\\n\\n| Choice | Path | Scope |\\n|--------|------|-------|\\n| Project | `.baoyu-skills/baoyu-article-illustrator/EXTEND.md` | Current project |\\n| User | `~/.baoyu-skills/baoyu-article-illustrator/EXTEND.md` | All projects |\\n\\n## After Setup\\n\\n1. Create directory if needed\\n2. Write EXTEND.md with frontmatter\\n3. Confirm: \\"Preferences saved to [path]\\"\\n4. Continue to Step 1\\n\\n## EXTEND.md Template\\n\\n```yaml\\n---\\nversion: 1\\nwatermark:\\n  enabled: [true/false]\\n  content: \\"[user input or empty]\\"\\n  position: bottom-right\\n  opacity: 0.7\\npreferred_style:\\n  name: [selected style or null]\\n  description: \\"\\"\\nlanguage: null\\ncustom_styles: []\\n---\\n```\\n\\n## Modifying Preferences Later\\n\\nUsers can edit EXTEND.md directly or run setup again:\\n- Delete EXTEND.md to trigger setup\\n- Edit YAML frontmatter for quick changes\\n- Full schema: `config/preferences-schema.md`\\n\\n\\n---\\n\\n## Reference: config/preferences-schema.md\\n\\n---\\nname: preferences-schema\\ndescription: EXTEND.md YAML schema for baoyu-article-illustrator user preferences\\n---\\n\\n# Preferences Schema\\n\\n## Full Schema\\n\\n```yaml\\n---\\nversion: 1\\n\\nwatermark:\\n  enabled: false\\n  content: \\"\\"\\n  position: bottom-right  # bottom-right|bottom-left|bottom-center|top-right\\n\\npreferred_style:\\n  name: null              # Built-in or custom style name\\n  description: \\"\\"         # Override/notes\\n\\nlanguage: null            # zh|en|ja|ko|auto\\n\\ndefault_output_dir: null  # same-dir|illustrations-subdir|independent\\n\\ncustom_styles:\\n  - name: my-style\\n    description: \\"Style description\\"\\n    color_palette:\\n      primary: [\\"#1E3A5F\\", \\"#4A90D9\\"]\\n      background: \\"#F5F7FA\\"\\n      accents: [\\"#00B4D8\\", \\"#48CAE4\\"]\\n    visual_elements: \\"Clean lines, geometric shapes\\"\\n    typography: \\"Modern sans-serif\\"\\n    best_for: \\"Business, education\\"\\n---\\n```\\n\\n## Field Reference\\n\\n| Field | Type | Default | Description |\\n|-------|------|---------|-------------|\\n| `version` | int | 1 | Schema version |\\n| `watermark.enabled` | bool | false | Enable watermark |\\n| `watermark.content` | string | \\"\\" | Watermark text (@username or custom) |\\n| `watermark.position` | enum | bottom-right | Position on image |\\n| `preferred_style.name` | string | null | Style name or null |\\n| `preferred_style.description` | string | \\"\\" | Custom notes/override |\\n| `language` | string | null | Output language (null = auto-detect) |\\n| `default_output_dir` | enum | null | Output directory preference (null = ask each time) |\\n| `custom_styles` | array | [] | User-defined styles |\\n\\n## Position Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `bottom-right` | Lower right corner (default, most common) |\\n| `bottom-left` | Lower left corner |\\n| `bottom-center` | Bottom center |\\n| `top-right` | Upper right corner |\\n\\n## Output Directory Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `same-dir` | Same directory as article |\\n| `illustrations-subdir` | `{article-dir}/illustrations/` subdirectory |\\n| `independent` | `illustrations/{topic-slug}/` in working directory |\\n\\n## Custom Style Fields\\n\\n| Field | Required | Description |\\n|-------|----------|-------------|\\n| `name` | Yes | Unique style identifier (kebab-case) |\\n| `description` | Yes | What the style conveys |\\n| `color_palette.primary` | No | Main colors (array) |\\n| `color_palette.background` | No | Background color |\\n| `color_palette.accents` | No | Accent colors (array) |\\n| `visual_elements` | No | Decorative elements |\\n| `typography` | No | Font/lettering style |\\n| `best_for` | No | Recommended content types |\\n\\n## Example: Minimal Preferences\\n\\n```yaml\\n---\\nversion: 1\\nwatermark:\\n  enabled: true\\n  content: \\"@myusername\\"\\npreferred_style:\\n  name: notion\\n---\\n```\\n\\n## Example: Full Preferences\\n\\n```yaml\\n---\\nversion: 1\\nwatermark:\\n  enabled: true\\n  content: \\"@myaccount\\"\\n  position: bottom-right\\n\\npreferred_style:\\n  name: notion\\n  description: \\"Clean illustrations for tech articles\\"\\n\\nlanguage: zh\\n\\ncustom_styles:\\n  - name: corporate\\n    description: \\"Professional B2B style\\"\\n    color_palette:\\n      primary: [\\"#1E3A5F\\", \\"#4A90D9\\"]\\n      background: \\"#F5F7FA\\"\\n      accents: [\\"#00B4D8\\", \\"#48CAE4\\"]\\n    visual_elements: \\"Clean lines, subtle gradients, geometric shapes\\"\\n    typography: \\"Modern sans-serif, professional\\"\\n    best_for: \\"Business, SaaS, enterprise\\"\\n---\\n```\\n\\n\\n---\\n\\n## Reference: prompt-construction.md\\n\\n# Prompt Construction\\n\\n## Prompt File Format\\n\\nEach prompt file uses YAML frontmatter + content:\\n\\n```yaml\\n---\\nillustration_id: 01\\ntype: infographic\\nstyle: blueprint\\nreferences:                    # ⚠️ ONLY if files EXIST in references/ directory\\n  - ref_id: 01\\n    filename: 01-ref-diagram.png\\n    usage: direct              # direct | style | palette\\n---\\n\\n[Type-specific template content below...]\\n```\\n\\n**⚠️ CRITICAL - When to include `references` field**:\\n\\n| Situation | Action |\\n|-----------|--------|\\n| Reference file saved to `references/` | Include in frontmatter ✓ |\\n| Style extracted verbally (no file) | DO NOT include in frontmatter, append to prompt body instead |\\n| File path in frontmatter but file doesn\'t exist | ERROR - remove references field |\\n\\n**Reference Usage Types** (only when file exists):\\n\\n| Usage | Description | Generation Action |\\n|-------|-------------|-------------------|\\n| `direct` | Primary visual reference | Pass to `--ref` parameter |\\n| `style` | Style characteristics only | Describe style in prompt text |\\n| `palette` | Color palette extraction | Include colors in prompt |\\n\\n**If no reference file but style/palette extracted verbally**, append directly to prompt body:\\n```\\nCOLORS (from reference):\\n- Primary: #E8756D coral\\n- Secondary: #7ECFC0 mint\\n...\\n\\nSTYLE (from reference):\\n- Clean lines, minimal shadows\\n- Gradient backgrounds\\n...\\n```\\n\\n---\\n\\n## Default Composition Requirements\\n\\n**Apply to ALL prompts by default**:\\n\\n| Requirement | Description |\\n|-------------|-------------|\\n| **Clean composition** | Simple layouts, no visual clutter |\\n| **White space** | Generous margins, breathing room around elements |\\n| **No complex backgrounds** | Solid colors or subtle gradients only, avoid busy textures |\\n| **Centered or content-appropriate** | Main visual elements centered or positioned by content needs |\\n| **Matching graphics** | Use graphic elements that align with content theme |\\n| **Highlight core info** | White space draws attention to key information |\\n\\n**Add to ALL prompts**:\\n> Clean composition with generous white space. Simple or no background. Main elements centered or positioned by content needs.\\n\\n---\\n\\n## Character Rendering\\n\\nWhen depicting people:\\n\\n| Guideline | Description |\\n|-----------|-------------|\\n| **Style** | Simplified cartoon silhouettes or symbolic expressions |\\n| **Avoid** | Realistic human portrayals, detailed faces |\\n| **Diversity** | Varied body types when showing multiple people |\\n| **Emotion** | Express through posture and simple gestures |\\n\\n**Add to ALL prompts with human figures**:\\n> Human figures: simplified stylized silhouettes or symbolic representations, not photorealistic.\\n\\n---\\n\\n## Text in Illustrations\\n\\n| Element | Guideline |\\n|---------|-----------|\\n| **Size** | Large, prominent, immediately readable |\\n| **Style** | Handwritten fonts preferred for warmth |\\n| **Content** | Concise keywords and core concepts only |\\n| **Language** | Match article language |\\n\\n**Add to prompts with text**:\\n> Text should be large and prominent with handwritten-style fonts. Keep minimal, focus on keywords.\\n\\n---\\n\\n## Principles\\n\\nGood prompts must include:\\n\\n1. **Layout Structure First**: Describe composition, zones, flow direction\\n2. **Specific Data/Labels**: Use actual numbers, terms from article\\n3. **Visual Relationships**: How elements connect\\n4. **Semantic Colors**: Meaning-based color choices (red=warning, green=efficient)\\n5. **Style Characteristics**: Line treatment, texture, mood\\n6. **Aspect Ratio**: End with ratio and complexity level\\n\\n## Type-Specific Templates\\n\\n### Infographic\\n\\n```\\n[Title] - Data Visualization\\n\\nLayout: [grid/radial/hierarchical]\\n\\nZONES:\\n- Zone 1: [data point with specific values]\\n- Zone 2: [comparison with metrics]\\n- Zone 3: [summary/conclusion]\\n\\nLABELS: [specific numbers, percentages, terms from article]\\nCOLORS: [semantic color mapping]\\nSTYLE: [style characteristics]\\nASPECT: 16:9\\n```\\n\\n**Infographic + vector-illustration**:\\n```\\nFlat vector illustration infographic. Clean black outlines on all elements.\\nCOLORS: Cream background (#F5F0E6), Coral Red (#E07A5F), Mint Green (#81B29A), Mustard Yellow (#F2CC8F)\\nELEMENTS: Geometric simplified icons, no gradients, playful decorative elements (dots, stars)\\n```\\n\\n### Scene\\n\\n```\\n[Title] - Atmospheric Scene\\n\\nFOCAL POINT: [main subject]\\nATMOSPHERE: [lighting, mood, environment]\\nMOOD: [emotion to convey]\\nCOLOR TEMPERATURE: [warm/cool/neutral]\\nSTYLE: [style characteristics]\\nASPECT: 16:9\\n```\\n\\n### Flowchart\\n\\n```\\n[Title] - Process Flow\\n\\nLayout: [left-right/top-down/circular]\\n\\nSTEPS:\\n1. [Step name] - [brief description]\\n2. [Step name] - [brief description]\\n...\\n\\nCONNECTIONS: [arrow types, decision points]\\nSTYLE: [style characteristics]\\nASPECT: 16:9\\n```\\n\\n**Flowchart + vector-illustration**:\\n```\\nFlat vector flowchart with bold arrows and geometric step containers.\\nCOLORS: Cream background (#F5F0E6), steps in Coral/Mint/Mustard, black outlines\\nELEMENTS: Rounded rectangles, thick arrows, simple icons per step\\n```\\n\\n### Comparison\\n\\n```\\n[Title] - Comparison View\\n\\nLEFT SIDE - [Option A]:\\n- [Point 1]\\n- [Point 2]\\n\\nRIGHT SIDE - [Option B]:\\n- [Point 1]\\n- [Point 2]\\n\\nDIVIDER: [visual separator]\\nSTYLE: [style characteristics]\\nASPECT: 16:9\\n```\\n\\n**Comparison + vector-illustration**:\\n```\\nFlat vector comparison with split layout. Clear visual separation.\\nCOLORS: Left side Coral (#E07A5F), Right side Mint (#81B29A), cream background\\nELEMENTS: Bold icons, black outlines, centered divider line\\n```\\n\\n### Framework\\n\\n```\\n[Title] - Conceptual Framework\\n\\nSTRUCTURE: [hierarchical/network/matrix]\\n\\nNODES:\\n- [Concept 1] - [role]\\n- [Concept 2] - [role]\\n\\nRELATIONSHIPS: [how nodes connect]\\nSTYLE: [style characteristics]\\nASPECT: 16:9\\n```\\n\\n**Framework + vector-illustration**:\\n```\\nFlat vector framework diagram with geometric nodes and bold connectors.\\nCOLORS: Cream background (#F5F0E6), nodes in Coral/Mint/Mustard/Blue, black outlines\\nELEMENTS: Rounded rectangles or circles for nodes, thick connecting lines\\n```\\n\\n### Timeline\\n\\n```\\n[Title] - Chronological View\\n\\nDIRECTION: [horizontal/vertical]\\n\\nEVENTS:\\n- [Date/Period 1]: [milestone]\\n- [Date/Period 2]: [milestone]\\n\\nMARKERS: [visual indicators]\\nSTYLE: [style characteristics]\\nASPECT: 16:9\\n```\\n\\n## What to Avoid\\n\\n- Vague descriptions (\\"a nice image\\")\\n- Literal metaphor illustrations\\n- Missing concrete labels/annotations\\n- Generic decorative elements\\n\\n## Watermark Integration\\n\\nIf watermark enabled in preferences, append:\\n\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position] with approximately [opacity*100]% visibility.\\n```\\n\\n\\n---\\n\\n## Reference: styles.md\\n\\n# Style Reference\\n\\n## Core Styles\\n\\nSimplified style tier for quick selection:\\n\\n| Core Style | Maps To | Best For |\\n|------------|---------|----------|\\n| `vector` | vector-illustration | Knowledge articles, tutorials, tech content |\\n| `minimal-flat` | notion | General, knowledge sharing, SaaS |\\n| `sci-fi` | blueprint | AI, frontier tech, system design |\\n| `hand-drawn` | sketch/warm | Relaxed, reflective, casual content |\\n| `editorial` | editorial | Processes, data, journalism |\\n| `scene` | warm/watercolor | Narratives, emotional, lifestyle |\\n\\nUse Core Styles for most cases. See full Style Gallery below for granular control.\\n\\n---\\n\\n## Style Gallery\\n\\n| Style | Description | Best For |\\n|-------|-------------|----------|\\n| `vector-illustration` | Clean flat vector art with bold shapes | Knowledge articles, tutorials, tech content |\\n| `notion` | Minimalist hand-drawn line art | Knowledge sharing, SaaS, productivity |\\n| `elegant` | Refined, sophisticated | Business, thought leadership |\\n| `warm` | Friendly, approachable | Personal growth, lifestyle, education |\\n| `minimal` | Ultra-clean, zen-like | Philosophy, minimalism, core concepts |\\n| `blueprint` | Technical schematics | Architecture, system design, engineering |\\n| `watercolor` | Soft artistic with natural warmth | Lifestyle, travel, creative |\\n| `editorial` | Magazine-style infographic | Tech explainers, journalism |\\n| `scientific` | Academic precise diagrams | Biology, chemistry, technical research |\\n| `chalkboard` | Classroom chalk drawing style | Education, teaching, explanations |\\n| `fantasy-animation` | Ghibli/Disney-inspired hand-drawn | Storybook, magical, emotional |\\n| `flat` | Modern bold geometric shapes | Modern digital, contemporary |\\n| `flat-doodle` | Cute flat with bold outlines | Cute, friendly, approachable |\\n| `intuition-machine` | Technical briefing with aged paper | Technical briefings, academic |\\n| `nature` | Organic earthy illustration | Environmental, wellness |\\n| `pixel-art` | Retro 8-bit gaming aesthetic | Gaming, retro tech |\\n| `playful` | Whimsical pastel doodles | Fun, casual, educational |\\n| `retro` | 80s/90s neon geometric | 80s/90s nostalgic, bold |\\n| `sketch` | Raw pencil notebook style | Brainstorming, creative exploration |\\n| `sketch-notes` | Soft hand-drawn warm notes | Educational, warm notes |\\n| `vintage` | Aged parchment historical | Historical, heritage |\\n\\nFull specifications: `references/styles/<style>.md`\\n\\n## Type × Style Compatibility Matrix\\n\\n| | vector-illustration | notion | warm | minimal | blueprint | watercolor | elegant | editorial | scientific |\\n|---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|\\n| infographic | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓✓ |\\n| scene | ✓ | ✓ | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ | ✗ |\\n| flowchart | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✗ | ✓ | ✓✓ | ✓ |\\n| comparison | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |\\n| framework | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✗ | ✓✓ | ✓ | ✓✓ |\\n| timeline | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓✓ | ✓ |\\n\\n✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended\\n\\n## Auto Selection by Type\\n\\n| Type | Primary Style | Secondary Styles |\\n|------|---------------|------------------|\\n| infographic | vector-illustration | notion, blueprint, editorial |\\n| scene | warm | watercolor, elegant |\\n| flowchart | vector-illustration | notion, blueprint |\\n| comparison | vector-illustration | notion, elegant |\\n| framework | blueprint | vector-illustration, notion |\\n| timeline | elegant | warm, editorial |\\n\\n## Auto Selection by Content Signals\\n\\n| Content Signals | Recommended Type | Recommended Style |\\n|-----------------|------------------|-------------------|\\n| API, metrics, data, comparison, numbers | infographic | blueprint, vector-illustration |\\n| Knowledge, concept, tutorial, learning, guide | infographic | vector-illustration, notion |\\n| Tech, AI, programming, development, code | infographic | vector-illustration, blueprint |\\n| How-to, steps, workflow, process, tutorial | flowchart | vector-illustration, notion |\\n| Framework, model, architecture, principles | framework | blueprint, vector-illustration |\\n| vs, pros/cons, before/after, alternatives | comparison | vector-illustration, notion |\\n| Story, emotion, journey, experience, personal | scene | warm, watercolor |\\n| History, timeline, progress, evolution | timeline | elegant, warm |\\n| Productivity, SaaS, tool, app, software | infographic | notion, vector-illustration |\\n| Business, professional, strategy, corporate | framework | elegant |\\n| Biology, chemistry, medical, scientific | infographic | scientific |\\n| Explainer, journalism, magazine, investigation | infographic | editorial |\\n\\n## Style Characteristics by Type\\n\\n### infographic + vector-illustration\\n- Clean flat vector shapes, bold geometric forms\\n- Vibrant but harmonious color palette\\n- Clear visual hierarchy with icons and labels\\n- Modern, professional, highly readable\\n- Perfect for knowledge articles and tutorials\\n\\n### flowchart + vector-illustration\\n- Bold arrows and connectors\\n- Distinct step containers with icons\\n- Clean progression flow\\n- High contrast for readability\\n\\n### comparison + vector-illustration\\n- Split layout with clear visual separation\\n- Bold iconography for each side\\n- Color-coded distinctions\\n- Easy at-a-glance comparison\\n\\n### framework + vector-illustration\\n- Geometric node representations\\n- Clear hierarchical structure\\n- Bold connecting lines\\n- Modern system diagram aesthetic\\n\\n### infographic + blueprint\\n- Technical precision, schematic lines\\n- Grid-based layout, clear zones\\n- Monospace labels, data-focused\\n- Blue/white color scheme\\n\\n### infographic + notion\\n- Hand-drawn feel, approachable\\n- Soft icons, rounded elements\\n- Neutral palette, clean backgrounds\\n- Perfect for SaaS/productivity\\n\\n### scene + warm\\n- Golden hour lighting, cozy atmosphere\\n- Soft gradients, natural textures\\n- Inviting, personal feeling\\n- Great for storytelling\\n\\n### scene + watercolor\\n- Artistic, painterly effect\\n- Soft edges, color bleeding\\n- Dreamy, creative mood\\n- Best for lifestyle/travel\\n\\n### flowchart + notion\\n- Clear step indicators\\n- Simple arrow connections\\n- Minimal decoration\\n- Focus on process clarity\\n\\n### flowchart + blueprint\\n- Technical precision\\n- Detailed connection points\\n- Engineering aesthetic\\n- For complex systems\\n\\n### comparison + elegant\\n- Refined dividers\\n- Balanced typography\\n- Professional appearance\\n- Business comparisons\\n\\n### framework + blueprint\\n- Precise node connections\\n- Hierarchical clarity\\n- System architecture feel\\n- Technical frameworks\\n\\n### timeline + elegant\\n- Sophisticated markers\\n- Refined typography\\n- Historical gravitas\\n- Professional presentations\\n\\n### timeline + warm\\n- Friendly progression\\n- Organic flow\\n- Personal journey feel\\n- Growth narratives\\n\\n\\n---\\n\\n## Reference: styles/blueprint.md\\n\\n# blueprint\\n\\nPrecise technical blueprint style with engineering precision\\n\\n## Design Aesthetic\\n\\nClean, structured visual metaphors using blueprints, diagrams, and schematics. Precise, analytical and aesthetically refined. Information presented in grid-based layouts with engineering precision. Technical drawing quality with professional polish.\\n\\n## Background\\n\\n- Color: Blueprint Off-White (#FAF8F5)\\n- Texture: Subtle grid overlay, engineering paper feel\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Blueprint Paper | #FAF8F5 | Primary background |\\n| Grid | Light Gray | #E5E5E5 | Background grid lines |\\n| Primary Text | Deep Slate | #334155 | Headlines, body |\\n| Primary Accent | Engineering Blue | #2563EB | Key elements |\\n| Secondary Accent | Navy Blue | #1E3A5F | Supporting elements |\\n| Tertiary | Light Blue | #BFDBFE | Fills, backgrounds |\\n| Warning | Amber | #F59E0B | Warnings, emphasis |\\n\\n## Visual Elements\\n\\n- Precise lines with consistent stroke weights\\n- Technical schematics and clean vector graphics\\n- Thin line work in technical drawing style\\n- Connection lines: straight or 90-degree angles only\\n- Data visualization with minimal charts\\n- Dimension lines and measurement indicators\\n- Cross-section style diagrams\\n- Isometric or orthographic projections\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain consistent line weights\\n- Use grid alignment for all elements\\n- Keep color palette restrained\\n- Create clear visual hierarchy through scale\\n- Use geometric precision for all shapes\\n\\n### Don\'t\\n\\n- Use hand-drawn or organic shapes\\n- Add decorative flourishes\\n- Use curved connection lines\\n- Include photographic elements\\n- Add unnecessary embellishments\\n\\n## Best For\\n\\nTechnical architecture, system design, data analysis, engineering documentation, process flows, infrastructure articles\\n\\n\\n---\\n\\n## Reference: styles/chalkboard.md\\n\\n# chalkboard\\n\\nBlack chalkboard background with colorful chalk drawing style\\n\\n## Design Aesthetic\\n\\nClassic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.\\n\\n## Background\\n\\n- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)\\n- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks\\n\\n## Typography\\n\\nHand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Chalkboard Black | #1A1A1A | Primary background |\\n| Alt Background | Green-Black | #1C2B1C | Traditional green board |\\n| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |\\n| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |\\n| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |\\n| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |\\n| Accent 4 | Chalk Green | #90EE90 | Success, nature |\\n| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |\\n\\n## Visual Elements\\n\\n- Hand-drawn chalk illustrations with sketchy, imperfect lines\\n- Chalk dust effects around text and key elements\\n- Doodles: stars, arrows, underlines, circles, checkmarks\\n- Mathematical formulas and simple diagrams\\n- Eraser smudges and chalk residue textures\\n- Wooden frame border optional\\n- Stick figures and simple icons\\n- Connection lines with hand-drawn feel\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain authentic chalk texture on all elements\\n- Use imperfect, hand-drawn quality throughout\\n- Add subtle chalk dust and smudge effects\\n- Create visual hierarchy with color variety\\n- Include playful doodles and annotations\\n\\n### Don\'t\\n\\n- Use perfect geometric shapes\\n- Create clean digital-looking lines\\n- Add photorealistic elements\\n- Use gradients or glossy effects\\n- Make it look computerized\\n\\n## Best For\\n\\nEducational articles, tutorials, teaching content, workshops, informal learning, knowledge sharing, how-to guides, classroom-style explanations\\n\\n\\n---\\n\\n## Reference: styles/editorial.md\\n\\n# editorial\\n\\nMagazine-style editorial infographic for professional content\\n\\n## Design Aesthetic\\n\\nHigh-quality magazine explainer aesthetic. Clear visual storytelling with structured layouts and professional typography. Think Wired, The Verge, or quality science publications. Complex information made digestible.\\n\\n## Background\\n\\n- Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)\\n- Texture: None or subtle paper grain\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Pure White | #FFFFFF | Primary background |\\n| Alt Background | Light Gray | #F8F9FA | Section backgrounds |\\n| Primary Text | Near Black | #1A1A1A | Headlines, body |\\n| Secondary Text | Dark Gray | #4A5568 | Captions |\\n| Accent 1 | Editorial Blue | #2563EB | Primary accent |\\n| Accent 2 | Coral | #F97316 | Secondary accent |\\n| Accent 3 | Emerald | #10B981 | Positive elements |\\n| Accent 4 | Amber | #F59E0B | Attention points |\\n| Dividers | Medium Gray | #D1D5DB | Section dividers |\\n\\n## Visual Elements\\n\\n- Clean flat illustrations\\n- Structured multi-section layouts\\n- Callout boxes for insights\\n- Icon-based visualizations\\n- Visual metaphors for concepts\\n- Flow diagrams with hierarchy\\n- Pull quotes and highlights\\n- Clear section dividers\\n\\n## Style Rules\\n\\n### Do\\n\\n- Create clear narrative flow\\n- Use structured layouts\\n- Include callout boxes\\n- Design visual metaphors\\n- Maintain magazine polish\\n\\n### Don\'t\\n\\n- Use photographic imagery\\n- Create cluttered layouts\\n- Mix too many styles\\n- Add purposeless decoration\\n- Compromise clarity for style\\n\\n## Best For\\n\\nTechnology explainers, science communication, research articles, policy analysis, investigative pieces, thought leadership, long-form journalism\\n\\n\\n---\\n\\n## Reference: styles/elegant.md\\n\\n# elegant\\n\\nRefined, sophisticated illustration style for professional content\\n\\n## Design Aesthetic\\n\\nElegant and refined visual approach with sophisticated color palette. Professional polish with subtle artistic touches. Emphasizes clarity and thoughtful composition. Conveys authority and trustworthiness without being cold or clinical.\\n\\n## Background\\n\\n- Color: Warm Cream (#F5F0E6) or Soft Beige (#FAF6F0)\\n- Texture: Subtle paper texture, very light grain\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Warm Cream | #F5F0E6 | Primary background |\\n| Primary | Soft Coral | #E8A598 | Main accent color |\\n| Secondary | Muted Teal | #5B8A8A | Supporting elements |\\n| Tertiary | Dusty Rose | #D4A5A5 | Subtle highlights |\\n| Accent | Gold | #C9A962 | Premium touches |\\n| Alt Accent | Copper | #B87333 | Warm metallic notes |\\n| Text | Charcoal | #3D3D3D | Text and outlines |\\n\\n## Visual Elements\\n\\n- Delicate line work with refined strokes\\n- Subtle icons with balanced weight\\n- Graceful curves and flowing compositions\\n- Soft gradients with smooth transitions\\n- Balanced whitespace and breathing room\\n- Thin borders and elegant dividers\\n- Subtle drop shadows for depth\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use refined color combinations\\n- Create balanced, harmonious compositions\\n- Keep elements light and airy\\n- Use subtle gradients sparingly\\n- Maintain generous margins\\n\\n### Don\'t\\n\\n- Use harsh contrasts\\n- Overcrowd the composition\\n- Add playful or casual elements\\n- Use neon or overly bright colors\\n- Create busy or cluttered layouts\\n\\n## Best For\\n\\nProfessional articles, thought leadership pieces, business topics, executive communications, corporate blogs, strategy discussions, industry analysis\\n\\n\\n---\\n\\n## Reference: styles/fantasy-animation.md\\n\\n# fantasy-animation\\n\\nWhimsical hand-drawn animation style inspired by Ghibli/Disney\\n\\n## Design Aesthetic\\n\\nCharming hand-drawn animation aesthetic reminiscent of classic Disney, Studio Ghibli, or European storybook illustration. Soft, painterly textures with warm, inviting colors. Friendly characters, magical elements, and storybook feel. Enchanting, nostalgic, and emotionally engaging.\\n\\n## Background\\n\\n- Color: Soft Sky Blue (#E8F4FC) or Warm Cream (#FFF8E7)\\n- Texture: Subtle watercolor wash, soft brush strokes\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Soft Sky Blue | #E8F4FC | Primary background |\\n| Alt Background | Warm Cream | #FFF8E7 | Secondary areas |\\n| Primary Text | Deep Forest | #2D5A3D | Headlines |\\n| Body Text | Warm Brown | #5D4E37 | Content |\\n| Accent 1 | Golden Yellow | #F4D03F | Magic, highlights |\\n| Accent 2 | Rose Pink | #E8A0BF | Warmth, charm |\\n| Accent 3 | Sage Green | #87A96B | Nature elements |\\n| Accent 4 | Sky Blue | #7EC8E3 | Air, water, dreams |\\n| Accent 5 | Coral | #F08080 | Emphasis, life |\\n\\n## Visual Elements\\n\\n- Central illustrated character (friendly, expressive)\\n- Small companion creatures (animals, magical beings)\\n- Storybook-style environment backgrounds\\n- Magical floating objects (books, orbs, sparkles)\\n- Decorative elements: stars, flowers, leaves\\n- Soft shadows and gentle highlights\\n- Layered depth with foreground/background\\n\\n## Style Rules\\n\\n### Do\\n\\n- Create warm, inviting compositions\\n- Use soft edges and painterly textures\\n- Include charming character illustrations\\n- Add magical decorative touches\\n- Maintain storybook narrative feel\\n\\n### Don\'t\\n\\n- Use harsh geometric shapes\\n- Create dark or intimidating imagery\\n- Add photorealistic elements\\n- Use cold color palettes\\n- Make it look digital/computerized\\n\\n## Best For\\n\\nEducational content, children\'s articles, storytelling, creative topics, fantasy/gaming, inspirational pieces, family-friendly content\\n\\n\\n---\\n\\n## Reference: styles/flat-doodle.md\\n\\n# flat-doodle\\n\\nCute flat doodle illustration style with bold outlines\\n\\n## Design Aesthetic\\n\\nCheerful and approachable visual style combining flat design with doodle charm. Features bold black outlines around simple shapes. Bright pastel colors with no gradients or shading. Cute rounded proportions that feel friendly. Clean white backgrounds create focus and clarity.\\n\\n## Background\\n\\n- Color: Clean White (#FFFFFF)\\n- Texture: None - pure white isolated background\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | White | #FFFFFF | Primary background |\\n| Primary | Pastel Pink | #FFB6C1 | Main elements |\\n| Secondary | Mint | #98D8C8 | Supporting elements |\\n| Tertiary | Lavender | #C8A2C8 | Accent elements |\\n| Accent 1 | Butter Yellow | #FFFACD | Highlight pop |\\n| Accent 2 | Sky Blue | #87CEEB | Cool accent |\\n| Accent 3 | Soft Coral | #F88379 | Warm accent |\\n| Outline | Bold Black | #000000 | All outlines |\\n| Text | Black | #1A1A1A | Text elements |\\n\\n## Visual Elements\\n\\n- Bold black outlines around all shapes\\n- Simple flat color fills\\n- Cute rounded proportions\\n- Minimal geometric shapes\\n- Productivity icons (laptops, calendars, checkmarks)\\n- Isolated elements on white\\n- No shading or gradients\\n- Hand-drawn quality with clean edges\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use bold black outlines consistently\\n- Keep shapes simple and rounded\\n- Use bright pastel palette\\n- Isolate elements on white background\\n- Maintain cute proportions\\n- Keep minimal shading\\n\\n### Don\'t\\n\\n- Add shadows or depth effects\\n- Use gradients or textures\\n- Create complex detailed illustrations\\n- Overlap too many elements\\n- Use dark or moody backgrounds\\n- Add realistic proportions\\n\\n## Best For\\n\\nProductivity articles, SaaS and app content, workflow tutorials, beginner guides, casual business content, tool introductions, lifestyle productivity\\n\\n\\n---\\n\\n## Reference: styles/flat.md\\n\\n# flat\\n\\nModern flat vector illustration style for contemporary content\\n\\n## Design Aesthetic\\n\\nContemporary flat design aesthetic with bold shapes and limited depth. Clean geometric forms with no gradients or shadows. Modern, accessible, and highly readable. Optimized for digital consumption with scalable vector quality.\\n\\n## Background\\n\\n- Color: White (#FFFFFF) or Soft Gray (#F5F5F5)\\n- Texture: None - clean solid backgrounds\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | White | #FFFFFF | Primary background |\\n| Alt Background | Soft Gray | #F5F5F5 | Accent areas |\\n| Primary | Vibrant Blue | #3B82F6 | Main elements |\\n| Secondary | Coral | #F97316 | Supporting elements |\\n| Tertiary | Emerald | #10B981 | Accent elements |\\n| Accent 1 | Purple | #8B5CF6 | Additional accent |\\n| Accent 2 | Amber | #F59E0B | Highlight |\\n| Text | Dark Slate | #1E293B | Text elements |\\n| Light | Light Gray | #E5E7EB | Subtle elements |\\n\\n## Visual Elements\\n\\n- Bold geometric shapes\\n- Flat color fills with no gradients\\n- Simple character illustrations\\n- Clean icon designs\\n- Minimal line work\\n- Overlapping shape compositions\\n- Abstract concept visualizations\\n- Consistent stroke weights\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use flat solid colors\\n- Create clean geometric shapes\\n- Keep elements simple\\n- Maintain consistent styling\\n- Use bold color combinations\\n\\n### Don\'t\\n\\n- Add shadows or depth\\n- Use gradients or textures\\n- Create realistic illustrations\\n- Add unnecessary details\\n- Use photographic elements\\n\\n## Best For\\n\\nModern articles, app and product content, startup stories, digital topics, contemporary business, tech company blogs, social media content\\n\\n\\n---\\n\\n## Reference: styles/intuition-machine.md\\n\\n# intuition-machine\\n\\nTechnical briefing infographic style with aged paper and bilingual labels\\n\\n## Design Aesthetic\\n\\nAcademic/technical briefing style with clean 2D or isometric technical illustrations. Information-dense but organized with clear visual hierarchy. Vintage blueprint aesthetic with modern clarity. Multiple explanatory elements with bilingual callouts.\\n\\n## Background\\n\\n- Color: Aged Cream (#F5F0E6)\\n- Texture: Subtle paper texture with light creases, vintage technical print feel\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Aged Cream | #F5F0E6 | Primary background |\\n| Paper Texture | Warm White | #F5F0E1 | Blueprint effect |\\n| Primary Text | Dark Maroon | #5D3A3A | Headlines, titles |\\n| Body Text | Near Black | #1A1A1A | Content text |\\n| Accent 1 | Teal | #2F7373 | Primary illustrations |\\n| Accent 2 | Warm Brown | #8B7355 | Secondary elements |\\n| Accent 3 | Maroon | #722F37 | Emphasis |\\n| Outline | Deep Charcoal | #2D2D2D | Element outlines |\\n\\n## Visual Elements\\n\\n- Isometric 3D or flat 2D technical diagrams\\n- Explanatory text boxes with labeled content\\n- Bilingual callout labels (English + Chinese)\\n- Faded thematic background patterns\\n- Clean black outlines on elements\\n- Split or triptych layouts\\n- Key insight boxes\\n\\n## Style Rules\\n\\n### Do\\n\\n- Include multiple text boxes with content\\n- Use bilingual labels for key elements\\n- Add faded thematic background patterns\\n- Maintain aged paper texture\\n- Create clear visual hierarchy\\n\\n### Don\'t\\n\\n- Create photorealistic 3D renders\\n- Leave illustrations without explanatory text\\n- Add stamps or watermarks in corners\\n- Use gradients or glossy effects\\n- Make it look too modern/digital\\n\\n## Best For\\n\\nTechnical explanations, concept breakdowns, academic content, research summaries, bilingual audiences, knowledge documentation\\n\\n\\n---\\n\\n## Reference: styles/minimal.md\\n\\n# minimal\\n\\nUltra-clean, zen-like illustration style for focused content\\n\\n## Design Aesthetic\\n\\nMaximum simplicity with purposeful restraint. Every element serves a function. Zen-like calm and focus through extensive negative space. Single focal point approach that guides attention naturally. Quiet elegance through reduction.\\n\\n## Background\\n\\n- Color: Pure White (#FFFFFF) or Off-White (#FAFAFA)\\n- Texture: None - clean solid backgrounds\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | White | #FFFFFF | Primary background |\\n| Alt Background | Off-White | #FAFAFA | Subtle variation |\\n| Primary | Pure Black | #000000 | Main elements |\\n| Accent | Content-Derived | varies | Single accent color |\\n| Text | Black | #000000 | Text elements |\\n| Alt Text | Medium Gray | #6B6B6B | Secondary text |\\n\\nNote: Accent color is derived from content context. Use sparingly.\\n\\n## Visual Elements\\n\\n- Single focal element per illustration\\n- Maximum negative space\\n- Thin, precise lines\\n- Simple geometric forms\\n- Subtle shadows if any\\n- Typography as primary element\\n- Strategic use of single accent\\n- Clean, uncluttered compositions\\n\\n## Style Rules\\n\\n### Do\\n\\n- Embrace empty space\\n- Use single focal points\\n- Keep lines thin and precise\\n- Let content breathe\\n- Question every element\\n\\n### Don\'t\\n\\n- Add decorative elements\\n- Use multiple accent colors\\n- Fill available space\\n- Add textures or patterns\\n- Create visual complexity\\n\\n## Best For\\n\\nPhilosophy articles, minimalism content, focused explanations, meditation and mindfulness, essential concepts, clarity-focused writing\\n\\n\\n---\\n\\n## Reference: styles/nature.md\\n\\n# nature\\n\\nOrganic, earthy illustration style for environmental and wellness content\\n\\n## Design Aesthetic\\n\\nNatural and organic visual approach inspired by the outdoors. Earth tones and natural textures that evoke calm and connection to nature. Flowing lines and organic shapes. Creates a sense of tranquility and environmental awareness.\\n\\n## Background\\n\\n- Color: Sand Beige (#F5E6D3) or Sky Blue wash (#E0F2FE)\\n- Texture: Natural paper texture with organic feel\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Sand Beige | #F5E6D3 | Primary background |\\n| Alt Background | Sky Blue | #E0F2FE | Alternative canvas |\\n| Primary | Forest Green | #276749 | Main natural color |\\n| Secondary | Sage | #9AE6B4 | Supporting green |\\n| Tertiary | Earth Brown | #744210 | Grounding element |\\n| Accent 1 | Sunset Orange | #ED8936 | Warm accent |\\n| Accent 2 | Water Blue | #63B3ED | Cool accent |\\n| Text | Deep Brown | #5D4E3C | Text elements |\\n\\n## Visual Elements\\n\\n- Leaf and plant motifs\\n- Tree and branch silhouettes\\n- Mountain and landscape shapes\\n- Organic flowing lines\\n- Natural textures (wood grain, stone)\\n- Water and wave patterns\\n- Animal silhouettes\\n- Sun and moon symbols\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use earth-inspired colors\\n- Create organic, flowing shapes\\n- Include nature elements\\n- Evoke outdoor atmosphere\\n- Maintain calm and balance\\n\\n### Don\'t\\n\\n- Use synthetic or neon colors\\n- Create rigid geometric shapes\\n- Add tech or digital elements\\n- Use stark contrasts\\n- Overcomplicate compositions\\n\\n## Best For\\n\\nSustainability articles, wellness content, outdoor topics, slow living, environmental issues, health and fitness, gardening, travel nature pieces\\n\\n\\n---\\n\\n## Reference: styles/notion.md\\n\\n# notion\\n\\nMinimalist hand-drawn line art style for knowledge content (Default)\\n\\n## Design Aesthetic\\n\\nClean, minimalist hand-drawn line art with intellectual feel. Simple doodle-style illustrations with intentional wobble. Maximum whitespace with single concept focus. Notion-like aesthetic that feels thoughtful and organized.\\n\\n## Background\\n\\n- Color: Pure White (#FFFFFF) or Off-White (#FAFAFA)\\n- Texture: None - clean solid backgrounds\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | White | #FFFFFF | Primary background |\\n| Alt Background | Off-White | #FAFAFA | Subtle variation |\\n| Primary | Black | #1A1A1A | Main outlines |\\n| Secondary | Dark Gray | #4A4A4A | Supporting lines |\\n| Accent 1 | Pastel Blue | #A8D4F0 | Soft highlight |\\n| Accent 2 | Pastel Yellow | #F9E79F | Warm highlight |\\n| Accent 3 | Pastel Pink | #FADBD8 | Gentle accent |\\n| Text | Near Black | #1A1A1A | Text elements |\\n\\n## Visual Elements\\n\\n- Simple line doodles\\n- Hand-drawn wobble effect\\n- Basic geometric shapes\\n- Stick figures for people\\n- Conceptual icons\\n- Clean hand-drawn lettering\\n- Minimal decorative elements\\n- Single-weight line work\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use maximum whitespace\\n- Keep illustrations simple\\n- Add slight hand-drawn wobble\\n- Focus on single concepts\\n- Use pastel accents sparingly\\n\\n### Don\'t\\n\\n- Create complex illustrations\\n- Use many colors at once\\n- Add detailed textures\\n- Make precise geometric shapes\\n- Overcrowd the composition\\n\\n## Best For\\n\\nKnowledge sharing, concept explanations, SaaS content, productivity articles, educational posts, how-to guides, professional blogs\\n\\n\\n---\\n\\n## Reference: styles/pixel-art.md\\n\\n# pixel-art\\n\\nRetro 8-bit pixel art aesthetic with nostalgic gaming style\\n\\n## Design Aesthetic\\n\\nPixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.\\n\\n## Background\\n\\n- Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)\\n- Texture: Subtle pixel grid pattern, optional CRT scanline effect\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Light Blue | #87CEEB | Primary background |\\n| Alt Background | Soft Lavender | #E6E6FA | Secondary backgrounds |\\n| Primary Text | Dark Navy | #1A1A2E | Main elements |\\n| Accent 1 | Pixel Green | #00FF00 | Success, highlights |\\n| Accent 2 | Pixel Red | #FF0000 | Alerts, emphasis |\\n| Accent 3 | Pixel Yellow | #FFFF00 | Warnings, energy |\\n| Accent 4 | Pixel Cyan | #00FFFF | Info, tech elements |\\n| Accent 5 | Pixel Magenta | #FF00FF | Special elements |\\n\\n## Visual Elements\\n\\n- All elements rendered with visible pixel structure\\n- Simple iconography: notepad, checkboxes, gears, rockets\\n- Text bubbles with pixel borders\\n- 8-bit decorations: stars, hearts, arrows\\n- Progress bars with chunky pixel segments\\n- Dithering patterns for color transitions\\n- Limited 16-32 color palette\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain consistent pixel grid throughout\\n- Use limited color palette (16-32 colors max)\\n- Create blocky, geometric shapes\\n- Add nostalgic gaming references\\n- Use dithering for color transitions\\n\\n### Don\'t\\n\\n- Use smooth gradients or anti-aliasing\\n- Create photorealistic elements\\n- Use thin lines or fine details\\n- Add modern glossy effects\\n- Break the pixel grid alignment\\n\\n## Best For\\n\\nGaming articles, tech tutorials, nostalgic content, developer topics, retro-themed pieces, creative tech content\\n\\n\\n---\\n\\n## Reference: styles/playful.md\\n\\n# playful\\n\\nFun, creative illustration style for casual and educational content\\n\\n## Design Aesthetic\\n\\nWhimsical and entertaining visual approach that sparks joy. Pastel colors with bright pops of energy. Doodle-like quality that feels approachable and fun. Creates a sense of play and discovery. Encourages engagement through visual delight.\\n\\n## Background\\n\\n- Color: Light Cream (#FFFBEB) or Soft White (#FFF)\\n- Texture: Subtle, playful pattern or clean\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Light Cream | #FFFBEB | Primary background |\\n| Primary | Pastel Pink | #FED7E2 | Soft warmth |\\n| Secondary | Mint | #C6F6D5 | Fresh energy |\\n| Tertiary | Lavender | #E9D8FD | Dreamy touch |\\n| Accent 1 | Sky Blue | #BEE3F8 | Calm brightness |\\n| Accent 2 | Bright Yellow | #FBBF24 | Energy pop |\\n| Accent 3 | Coral | #F6AD55 | Warm pop |\\n| Accent 4 | Turquoise | #38B2AC | Cool pop |\\n| Text | Soft Charcoal | #4A4A4A | Text elements |\\n\\n## Visual Elements\\n\\n- Doodles and sketchy lines\\n- Star and sparkle decorations\\n- Swirls and curvy elements\\n- Cute character illustrations\\n- Speech bubbles and callouts\\n- Emoji-style icons\\n- Confetti and celebration marks\\n- Playful hand-lettering\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use varied pastel palette\\n- Add whimsical decorations\\n- Create friendly characters\\n- Include playful details\\n- Keep energy high and positive\\n\\n### Don\'t\\n\\n- Use dark or moody colors\\n- Create serious compositions\\n- Add corporate elements\\n- Use rigid geometric shapes\\n- Make it feel professional\\n\\n## Best For\\n\\nTutorials and guides, beginner-friendly content, casual articles, fun topics, children\'s content, hobby-related posts, entertaining explanations\\n\\n\\n---\\n\\n## Reference: styles/retro.md\\n\\n# retro\\n\\n80s/90s nostalgic aesthetic with vibrant colors and geometric patterns\\n\\n## Design Aesthetic\\n\\nNostalgic retro aesthetic inspired by 80s and 90s design trends. Vibrant neon colors, geometric patterns, and Memphis design influence. Energetic, fun, and unapologetically bold. Perfect for content that embraces nostalgia or playful energy.\\n\\n## Background\\n\\n- Color: Deep Purple (#2D1B4E) or Dark Teal (#0F4C5C)\\n- Texture: Subtle grid patterns or geometric shapes\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Deep Purple | #2D1B4E | Primary background |\\n| Alt Background | Dark Teal | #0F4C5C | Alternative |\\n| Primary | Hot Pink | #FF1493 | Main accent |\\n| Secondary | Electric Cyan | #00FFFF | Supporting |\\n| Tertiary | Neon Yellow | #FFFF00 | Highlights |\\n| Accent 1 | Lime Green | #32CD32 | Energy |\\n| Accent 2 | Orange | #FF6B35 | Warmth |\\n| Text | White | #FFFFFF | Text elements |\\n| Grid | Light Purple | #9D8EC0 | Grid lines |\\n\\n## Visual Elements\\n\\n- Geometric patterns (triangles, circles)\\n- Grid backgrounds and lines\\n- Neon glow effects\\n- Memphis design shapes\\n- Zigzag and wavy patterns\\n- Retro computer graphics\\n- Bold outline strokes\\n- Gradient sunsets\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use bold neon colors\\n- Create geometric patterns\\n- Add retro typography\\n- Include Memphis-style shapes\\n- Embrace maximalism\\n\\n### Don\'t\\n\\n- Use muted or subtle colors\\n- Create minimal compositions\\n- Add modern flat design\\n- Make it look contemporary\\n- Use understated elements\\n\\n## Best For\\n\\nPop culture articles, gaming content, music and entertainment, nostalgia pieces, youth-focused content, creative industry, party and event content\\n\\n\\n---\\n\\n## Reference: styles/scientific.md\\n\\n# scientific\\n\\nAcademic scientific illustration style for technical diagrams and processes\\n\\n## Design Aesthetic\\n\\nAcademic scientific illustration aesthetic for biological, chemical, and technical diagrams. Clean, precise diagrams with proper labeling and clear visual flow. Educational clarity with professional polish. Textbook quality illustrations.\\n\\n## Background\\n\\n- Color: Off-White (#FAFAFA) or Light Blue-Gray (#F0F4F8)\\n- Texture: None or subtle paper grain\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Off-White | #FAFAFA | Primary background |\\n| Primary Text | Dark Slate | #1E293B | Labels, headers |\\n| Label Text | Medium Gray | #475569 | Annotations |\\n| Pathway 1 | Teal | #0D9488 | Primary pathway |\\n| Pathway 2 | Blue | #3B82F6 | Secondary pathway |\\n| Pathway 3 | Purple | #8B5CF6 | Tertiary pathway |\\n| Structure | Amber | #F59E0B | Membranes, structures |\\n| Alert | Red | #EF4444 | Key elements |\\n| Positive | Green | #22C55E | Products, outputs |\\n\\n## Visual Elements\\n\\n- Precise labeled diagrams\\n- Flow arrows showing direction\\n- Modular components with colors\\n- Chemical formulas and notation\\n- Cross-section views\\n- Numbered step sequences\\n- Molecule and cell representations\\n- Process summary boxes\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use precise consistent lines\\n- Label all components clearly\\n- Show directional flow\\n- Include technical notation\\n- Create clear numbered sequences\\n\\n### Don\'t\\n\\n- Use decorative elements\\n- Create imprecise diagrams\\n- Omit important labels\\n- Use inconsistent styling\\n- Add artistic flourishes\\n\\n## Best For\\n\\nBiology articles, chemistry explanations, medical content, research summaries, academic writing, technical documentation, process explanations\\n\\n\\n---\\n\\n## Reference: styles/sketch-notes.md\\n\\n# sketch-notes\\n\\nSoft hand-drawn illustration style with warm, educational feel\\n\\n## Design Aesthetic\\n\\nHand-drawn feel with soft, relaxed brush strokes. Fresh, refined style with minimalist editorial approach. Emphasis on precision, clarity and intelligent elegance while prioritizing warmth, approachability and friendliness.\\n\\n## Background\\n\\n- Color: Warm Off-White (#FAF8F0)\\n- Texture: Subtle paper grain, warm tone\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Warm Off-White | #FAF8F0 | Primary background |\\n| Primary Text | Deep Charcoal | #2C3E50 | Main elements |\\n| Alt Text | Deep Brown | #4A4A4A | Secondary elements |\\n| Accent 1 | Soft Orange | #F4A261 | Highlights, emphasis |\\n| Accent 2 | Mustard Yellow | #E9C46A | Secondary highlights |\\n| Accent 3 | Sage Green | #87A96B | Nature, growth concepts |\\n| Accent 4 | Light Blue | #7EC8E3 | Tech, digital elements |\\n| Accent 5 | Red Brown | #A0522D | Earthy elements |\\n\\n## Visual Elements\\n\\n- Connection lines with hand-drawn wavy feel\\n- Conceptual abstract icons illustrating ideas\\n- Color fills don\'t completely fill outlines (hand-painted feel)\\n- Simple geometric shapes with rounded corners\\n- Arrows and pointers with sketchy style\\n- Doodle decorations: stars, spirals, underlines\\n\\n## Style Rules\\n\\n### Do\\n\\n- Keep layouts open and well-structured\\n- Emphasize information hierarchy\\n- Use hand-drawn quality for all elements\\n- Allow imperfection (slight wobbles add character)\\n- Layer elements with subtle overlaps\\n\\n### Don\'t\\n\\n- Use perfect geometric shapes\\n- Create photorealistic elements\\n- Overcrowd with too many elements\\n- Use pure white backgrounds\\n- Make it look computer-generated\\n\\n## Best For\\n\\nEducational content, knowledge sharing, technical explanations, tutorials, onboarding materials, friendly articles\\n\\n\\n---\\n\\n## Reference: styles/sketch.md\\n\\n# sketch\\n\\nRaw, authentic notebook-style illustration for ideas and processes\\n\\n## Design Aesthetic\\n\\nHand-drawn sketch aesthetic that feels authentic and in-progress. Pencil-on-paper quality with intentional imperfection. Suggests thinking, brainstorming, and creative exploration. Raw and honest visual approach that invites collaboration.\\n\\n## Background\\n\\n- Color: Off-White Paper (#F7FAFC) or Cream (#FAFAFA)\\n- Texture: Paper texture with visible grain\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Paper White | #F7FAFC | Primary background |\\n| Primary | Pencil Gray | #4A5568 | Main sketch lines |\\n| Secondary | Light Gray | #A0AEC0 | Shading, soft marks |\\n| Highlight Blue | Note Blue | #3182CE | Highlight color |\\n| Highlight Red | Mark Red | #E53E3E | Emphasis color |\\n| Highlight Yellow | Marker Yellow | #F6E05E | Highlighter effect |\\n| Text | Charcoal | #2D3748 | Text elements |\\n\\n## Visual Elements\\n\\n- Rough sketch lines with natural variation\\n- Arrows and directional pointers\\n- Handwritten labels and notes\\n- Crossed-out marks and corrections\\n- Underlines and emphasis marks\\n- Simple diagram shapes\\n- Margin notes style\\n- Quick icon sketches\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use pencil-like line quality\\n- Include natural imperfections\\n- Add handwritten annotations\\n- Create diagram-style layouts\\n- Show thinking process\\n\\n### Don\'t\\n\\n- Use perfect geometric shapes\\n- Add polished or refined elements\\n- Create colorful compositions\\n- Use digital effects\\n- Make it look finished\\n\\n## Best For\\n\\nIdeas in progress, brainstorming articles, thought processes, concept exploration, draft-stage thinking, planning content, problem-solving pieces\\n\\n\\n---\\n\\n## Reference: styles/vector-illustration.md\\n\\n# vector-illustration\\n\\nFlat vector illustration style with clear black outlines and retro soft colors\\n\\n## Design Aesthetic\\n\\nFlat vector illustration with no gradients or 3D effects. Clear, uniform-thickness black outlines on all elements. Geometric simplification reducing complex objects to basic shapes. Toy model aesthetic that\'s cute, playful, and approachable. Coloring book style with closed outlines.\\n\\n## Background\\n\\n- Color: Cream Off-White (#F5F0E6)\\n- Texture: Subtle paper texture, warm nostalgic feel\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Cream Off-White | #F5F0E6 | Primary background |\\n| Outlines | Deep Charcoal | #2D2D2D | All element outlines |\\n| Primary | Coral Red | #E07A5F | Primary accent, warmth |\\n| Secondary | Mint Green | #81B29A | Nature, growth |\\n| Tertiary | Mustard Yellow | #F2CC8F | Highlights, energy |\\n| Accent 1 | Burnt Orange | #D4764A | Warm accents |\\n| Accent 2 | Rock Blue | #577590 | Cool balance |\\n| Text | Black | #1A1A1A | Text elements |\\n\\n## Visual Elements\\n\\n- All objects have closed black outlines (coloring book style)\\n- Rounded line endings, avoid sharp corners\\n- Trees simplified to lollipop or triangle shapes\\n- Buildings as rectangular blocks with grid windows\\n- Depth through layering and overlap\\n- Decorative elements: sunbursts, pill-shaped clouds, dots, stars\\n- People as simple geometric figures\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain consistent outline thickness\\n- Use soft, vintage color palette\\n- Simplify objects to basic geometric shapes\\n- Create depth through layering\\n- Add playful decorative elements\\n\\n### Don\'t\\n\\n- Use gradients or realistic shading\\n- Create photorealistic elements\\n- Use thin or varying line weights\\n- Include complex detailed illustrations\\n- Add textures inside shapes\\n\\n## Best For\\n\\nEducational content, creative articles, children\'s content, brand showcases, explainer pieces, warm approachable topics\\n\\n\\n---\\n\\n## Reference: styles/vintage.md\\n\\n# vintage\\n\\nNostalgic aged-paper aesthetic for historical and heritage content\\n\\n## Design Aesthetic\\n\\nNostalgic vintage aesthetic with aged paper textures and historical document styling. Explorer\'s journal and antique map quality. Rich warm tones with weathered textures. Evokes discovery, heritage, and timeless knowledge.\\n\\n## Background\\n\\n- Color: Aged Parchment (#F5E6D3) or Sepia Cream (#FFF8DC)\\n- Texture: Heavy aged paper texture with subtle stains and worn edges\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Aged Parchment | #F5E6D3 | Primary background |\\n| Alt Background | Sepia Cream | #FFF8DC | Secondary areas |\\n| Primary Text | Dark Brown | #3D2914 | Main elements |\\n| Secondary | Medium Brown | #6B4423 | Supporting details |\\n| Accent 1 | Forest Green | #2D5A3D | Nature, maps |\\n| Accent 2 | Navy Blue | #1E3A5F | Ocean, lines |\\n| Accent 3 | Burgundy | #722F37 | Emphasis |\\n| Accent 4 | Gold | #C9A227 | Highlights |\\n| Ink | Sepia Black | #3D3D3D | Fine details |\\n\\n## Visual Elements\\n\\n- Antique map styling with route lines\\n- Compass roses and navigation elements\\n- Specimen-style drawings\\n- Handwritten annotations\\n- Rope, leather, brass decorative motifs\\n- Vintage photograph frames\\n- Aged paper edge effects\\n- Historical document styling\\n\\n## Style Rules\\n\\n### Do\\n\\n- Apply consistent aged texture\\n- Use period-appropriate styling\\n- Include map and journey elements\\n- Create layered compositions\\n- Maintain warm sepia tones\\n\\n### Don\'t\\n\\n- Use modern digital styling\\n- Create crisp clean edges\\n- Use cold or bright colors\\n- Add contemporary elements\\n- Make it look new or fresh\\n\\n## Best For\\n\\nHistorical articles, travel and exploration, biography pieces, heritage stories, scientific discovery narratives, museum-style content, classic literature references\\n\\n\\n---\\n\\n## Reference: styles/warm.md\\n\\n# warm\\n\\nFriendly, approachable illustration style for human-centered content\\n\\n## Design Aesthetic\\n\\nWarm and inviting visual approach that feels personal and approachable. Soft, friendly colors that evoke comfort and connection. Emphasizes human elements and emotional resonance. Creates an atmosphere of trust and openness.\\n\\n## Background\\n\\n- Color: Cream (#FFFAF0) or Soft Peach (#FED7AA)\\n- Texture: Soft paper texture with warm undertones\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Cream | #FFFAF0 | Primary background |\\n| Alt Background | Soft Peach | #FED7AA | Accent sections |\\n| Primary | Warm Orange | #ED8936 | Main accent color |\\n| Secondary | Golden Yellow | #F6AD55 | Supporting warmth |\\n| Tertiary | Terracotta | #C05621 | Earthy depth |\\n| Accent | Deep Brown | #744210 | Grounding elements |\\n| Alt Accent | Soft Red | #E53E3E | Emotional touches |\\n| Text | Warm Charcoal | #4A4A4A | Text elements |\\n\\n## Visual Elements\\n\\n- Rounded shapes and soft corners\\n- Friendly character illustrations\\n- Sun rays and warm light motifs\\n- Heart symbols and care icons\\n- Cozy lighting effects\\n- Gentle gradients with warmth\\n- Soft shadows without harsh edges\\n- Hand-drawn quality touches\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use warm, inviting colors\\n- Create rounded, friendly shapes\\n- Include human-centered elements\\n- Evoke feelings of comfort\\n- Maintain soft, gentle contrasts\\n\\n### Don\'t\\n\\n- Use cold or stark colors\\n- Create sharp, aggressive shapes\\n- Add technical or clinical elements\\n- Use dark, moody backgrounds\\n- Create sterile compositions\\n\\n## Best For\\n\\nPersonal growth articles, lifestyle content, education, human interest stories, wellness topics, relationship advice, self-help content, community building\\n\\n\\n---\\n\\n## Reference: styles/watercolor.md\\n\\n# watercolor\\n\\nSoft, artistic watercolor illustration style with natural warmth\\n\\n## Design Aesthetic\\n\\nGentle watercolor aesthetic with visible brush strokes and natural color bleeding. Hand-painted feel with soft edges and organic shapes. Warm, approachable, and artistically refined. Combines artistic expression with clear visual communication.\\n\\n## Background\\n\\n- Color: Warm Off-White (#FAF8F0) or Soft Cream (#FFF9E6)\\n- Texture: Subtle watercolor paper texture with visible grain\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Warm Off-White | #FAF8F0 | Primary background |\\n| Primary | Soft Coral | #F4A261 | Primary warmth |\\n| Secondary | Dusty Rose | #E8A0A0 | Secondary warmth |\\n| Tertiary | Sage Green | #87A96B | Nature, growth |\\n| Accent 1 | Sky Blue | #7EC8E3 | Water, calm |\\n| Accent 2 | Soft Lavender | #C5B4E3 | Accent, creativity |\\n| Wash | Pale Yellow | #FFF3C4 | Background washes |\\n| Text | Warm Charcoal | #3D3D3D | Text elements |\\n\\n## Visual Elements\\n\\n- Watercolor washes as backgrounds\\n- Illustrated elements with visible brush strokes\\n- Natural elements: leaves, flowers, bubbles\\n- Color bleeds and soft edges\\n- Hand-drawn arrows and lines\\n- Layered wash effects\\n- Soft gradients through water\\n- Expressive character illustrations\\n\\n## Style Rules\\n\\n### Do\\n\\n- Allow color to bleed beyond edges\\n- Use visible brush stroke textures\\n- Create soft, organic shapes\\n- Include hand-drawn quality\\n- Maintain warm color palette\\n\\n### Don\'t\\n\\n- Use sharp geometric shapes\\n- Create hard digital edges\\n- Use cold or stark colors\\n- Add photographic elements\\n- Create overly precise illustrations\\n\\n## Best For\\n\\nLifestyle articles, wellness content, travel pieces, food and cooking, personal stories, creative topics, artistic portfolios, warm educational content\\n\\n\\n---\\n\\n## Reference: usage.md\\n\\n# Usage\\n\\n## Command Syntax\\n\\n```bash\\n# Auto-select type and style based on content\\n/baoyu-article-illustrator path/to/article.md\\n\\n# Specify type\\n/baoyu-article-illustrator path/to/article.md --type infographic\\n\\n# Specify style\\n/baoyu-article-illustrator path/to/article.md --style blueprint\\n\\n# Combine type and style\\n/baoyu-article-illustrator path/to/article.md --type flowchart --style notion\\n\\n# Specify density\\n/baoyu-article-illustrator path/to/article.md --density rich\\n\\n# Direct content input (paste mode)\\n/baoyu-article-illustrator\\n[paste content]\\n```\\n\\n## Options\\n\\n| Option | Description |\\n|--------|-------------|\\n| `--type <name>` | Illustration type (see Type Gallery in SKILL.md) |\\n| `--style <name>` | Visual style (see references/styles.md) |\\n| `--density <level>` | Image count: minimal / balanced / rich |\\n\\n## Input Modes\\n\\n| Mode | Trigger | Output Directory |\\n|------|---------|------------------|\\n| File path | `path/to/article.md` | Use `default_output_dir` preference, or ask if not set |\\n| Paste content | No path argument | `illustrations/{topic-slug}/` |\\n\\n## Output Directory Options\\n\\n| Value | Path |\\n|-------|------|\\n| `same-dir` | `{article-dir}/` |\\n| `illustrations-subdir` | `{article-dir}/illustrations/` |\\n| `independent` | `illustrations/{topic-slug}/` |\\n\\nConfigure in EXTEND.md: `default_output_dir: illustrations-subdir`\\n\\n## Examples\\n\\n**Technical article with data**:\\n```bash\\n/baoyu-article-illustrator api-design.md --type infographic --style blueprint\\n```\\n\\n**Personal story**:\\n```bash\\n/baoyu-article-illustrator journey.md --type scene --style warm\\n```\\n\\n**Tutorial with steps**:\\n```bash\\n/baoyu-article-illustrator how-to-deploy.md --type flowchart --density rich\\n```\\n\\n\\n---\\n\\n## Reference: workflow.md\\n\\n# Detailed Workflow Procedures\\n\\n## Step 1: Pre-check\\n\\n### 1.0 Detect & Save Reference Images ⚠️ REQUIRED if images provided\\n\\nCheck if user provided reference images. Handle based on input type:\\n\\n| Input Type | Action |\\n|------------|--------|\\n| Image file path provided | Copy to `references/` subdirectory → can use `--ref` |\\n| Image in conversation (no path) | **ASK user for file path** with AskUserQuestion |\\n| User can\'t provide path | Extract style/palette verbally → append to prompts (NO frontmatter references) |\\n\\n**CRITICAL**: Only add `references` to prompt frontmatter if files are ACTUALLY SAVED to `references/` directory.\\n\\n**If user provides file path**:\\n1. Copy to `references/NN-ref-{slug}.png`\\n2. Create description: `references/NN-ref-{slug}.md`\\n3. Verify files exist before proceeding\\n\\n**If user can\'t provide path** (extracted verbally):\\n1. Analyze image visually, extract: colors, style, composition\\n2. Create `references/extracted-style.md` with extracted info\\n3. DO NOT add `references` to prompt frontmatter\\n4. Instead, append extracted style/colors directly to prompt text\\n\\n**Description File Format** (only when file saved):\\n```yaml\\n---\\nref_id: NN\\nfilename: NN-ref-{slug}.png\\n---\\n[User\'s description or auto-generated description]\\n```\\n\\n**Verification** (only for saved files):\\n```\\nReference Images Saved:\\n- 01-ref-{slug}.png ✓ (can use --ref)\\n- 02-ref-{slug}.png ✓ (can use --ref)\\n```\\n\\n**Or for extracted style**:\\n```\\nReference Style Extracted (no file):\\n- Colors: #E8756D coral, #7ECFC0 mint...\\n- Style: minimal flat vector, clean lines...\\n→ Will append to prompt text (not --ref)\\n```\\n\\n---\\n\\n### 1.1 Determine Input Type\\n\\n| Input | Output Directory | Next |\\n|-------|------------------|------|\\n| File path | Ask user (1.2) | → 1.2 |\\n| Pasted content | `illustrations/{topic-slug}/` | → 1.4 |\\n\\n**Backup rule for pasted content**: If `source.md` exists in target directory, rename to `source-backup-YYYYMMDD-HHMMSS.md` before saving.\\n\\n### 1.2-1.4 Configuration (file path input only)\\n\\nCheck preferences and existing state, then ask ALL needed questions in ONE AskUserQuestion call (max 4 questions).\\n\\n**Questions to include** (skip if preference exists or not applicable):\\n\\n| Question | When to Ask | Options |\\n|----------|-------------|---------|\\n| Output directory | No `default_output_dir` in EXTEND.md | `{article-dir}/`, `{article-dir}/imgs/` (Recommended), `{article-dir}/illustrations/`, `illustrations/{topic-slug}/` |\\n| Existing images | Target dir has `.png/.jpg/.webp` files | `supplement`, `overwrite`, `regenerate` |\\n| Article update | Always (file path input) | `update`, `copy` |\\n\\n**Preference Values** (if configured, skip asking):\\n\\n| `default_output_dir` | Path |\\n|----------------------|------|\\n| `same-dir` | `{article-dir}/` |\\n| `imgs-subdir` | `{article-dir}/imgs/` |\\n| `illustrations-subdir` | `{article-dir}/illustrations/` |\\n| `independent` | `illustrations/{topic-slug}/` |\\n\\n### 1.5 Load Preferences (EXTEND.md) ⛔ BLOCKING\\n\\n**CRITICAL**: If EXTEND.md not found, MUST complete first-time setup before ANY other questions or steps. Do NOT proceed to reference images, do NOT ask about content, do NOT ask about type/style — ONLY complete the preferences setup first.\\n\\n```bash\\ntest -f .baoyu-skills/baoyu-article-illustrator/EXTEND.md && echo \\"project\\"\\ntest -f \\"$HOME/.baoyu-skills/baoyu-article-illustrator/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n| Result | Action |\\n|--------|--------|\\n| Found | Read, parse, display summary → Continue |\\n| Not found | ⛔ **BLOCKING**: Run first-time setup ONLY ([config/first-time-setup.md](config/first-time-setup.md)) → Complete and save EXTEND.md → Then continue |\\n\\n**Supports**: Watermark | Preferred type/style | Custom styles | Language | Output directory\\n\\n---\\n\\n## Step 2: Setup & Analyze\\n\\n### 2.1 Analyze Content\\n\\n| Analysis | Description |\\n|----------|-------------|\\n| Content type | Technical / Tutorial / Methodology / Narrative |\\n| Illustration purpose | information / visualization / imagination |\\n| Core arguments | 2-5 main points to visualize |\\n| Visual opportunities | Positions where illustrations add value |\\n| Recommended type | Based on content signals and purpose |\\n| Recommended density | Based on length and complexity |\\n\\n### 2.2 Extract Core Arguments\\n\\n- Main thesis\\n- Key concepts reader needs\\n- Comparisons/contrasts\\n- Framework/model proposed\\n\\n**CRITICAL**: If article uses metaphors (e.g., \\"电锯切西瓜\\"), do NOT illustrate literally. Visualize the **underlying concept**.\\n\\n### 2.3 Identify Positions\\n\\n**Illustrate**:\\n- Core arguments (REQUIRED)\\n- Abstract concepts\\n- Data comparisons\\n- Processes, workflows\\n\\n**Do NOT Illustrate**:\\n- Metaphors literally\\n- Decorative scenes\\n- Generic illustrations\\n\\n### 2.4 Analyze Reference Images (if provided in Step 1.0)\\n\\nFor each reference image:\\n\\n| Analysis | Description |\\n|----------|-------------|\\n| Visual characteristics | Style, colors, composition |\\n| Content/subject | What the reference depicts |\\n| Suitable positions | Which sections match this reference |\\n| Style match | Which illustration types/styles align |\\n| Usage recommendation | `direct` / `style` / `palette` |\\n\\n| Usage | When to Use |\\n|-------|-------------|\\n| `direct` | Reference matches desired output closely |\\n| `style` | Extract visual style characteristics only |\\n| `palette` | Extract color scheme only |\\n\\n---\\n\\n## Step 3: Confirm Settings ⚠️\\n\\n**Do NOT skip.** Use ONE AskUserQuestion call with max 4 questions. **Q1, Q2, Q3 are ALL REQUIRED.**\\n\\n### Q1: Illustration Type ⚠️ REQUIRED\\n- [Recommended based on analysis] (Recommended)\\n- infographic / scene / flowchart / comparison / framework / timeline / mixed\\n\\n### Q2: Density ⚠️ REQUIRED - DO NOT SKIP\\n- minimal (1-2) - Core concepts only\\n- balanced (3-5) - Major sections\\n- per-section - At least 1 per section/chapter (Recommended)\\n- rich (6+) - Comprehensive coverage\\n\\n### Q3: Style ⚠️ REQUIRED (ALWAYS ask, even with preferred_style in EXTEND.md)\\n\\nIf EXTEND.md has `preferred_style`:\\n- [Custom style name + brief description] (Recommended)\\n- [Top compatible core style 1]\\n- [Top compatible core style 2]\\n- Other (see full Style Gallery)\\n\\nIf no `preferred_style` (present Core Styles first):\\n- [Best compatible core style] (Recommended)\\n- [Other compatible core style 1]\\n- [Other compatible core style 2]\\n- Other (see full Style Gallery)\\n\\n**Core Styles** (simplified selection):\\n\\n| Core Style | Best For |\\n|------------|----------|\\n| `minimal-flat` | General, knowledge sharing, SaaS |\\n| `sci-fi` | AI, frontier tech, system design |\\n| `hand-drawn` | Relaxed, reflective, casual |\\n| `editorial` | Processes, data, journalism |\\n| `scene` | Narratives, emotional, lifestyle |\\n\\nStyle selection based on Type × Style compatibility matrix (styles.md).\\nFull specs: `styles/<style>.md`\\n\\n### Q4: Image Text Language ⚠️ REQUIRED when article language ≠ EXTEND.md `language`\\n\\nDetect article language from content. If different from EXTEND.md `language` setting, MUST ask:\\n- Article language (match article content) (Recommended)\\n- EXTEND.md language (user\'s general preference)\\n\\n**Skip only if**: Article language matches EXTEND.md `language`, or EXTEND.md has no `language` setting.\\n\\n### Display Reference Usage (if references detected in Step 1.0)\\n\\nWhen presenting outline preview to user, show reference assignments:\\n\\n```\\nReference Images:\\n| Ref | Filename | Recommended Usage |\\n|-----|----------|-------------------|\\n| 01 | 01-ref-diagram.png | direct → Illustration 1, 3 |\\n| 02 | 02-ref-chart.png | palette → Illustration 2 |\\n```\\n\\n---\\n\\n## Step 4: Generate Outline\\n\\nSave as `outline.md`:\\n\\n```yaml\\n---\\ntype: infographic\\ndensity: balanced\\nstyle: blueprint\\nimage_count: 4\\nreferences:                    # Only if references provided\\n  - ref_id: 01\\n    filename: 01-ref-diagram.png\\n    description: \\"Technical diagram showing system architecture\\"\\n  - ref_id: 02\\n    filename: 02-ref-chart.png\\n    description: \\"Color chart with brand palette\\"\\n---\\n\\n## Illustration 1\\n\\n**Position**: [section] / [paragraph]\\n**Purpose**: [why this helps]\\n**Visual Content**: [what to show]\\n**Type Application**: [how type applies]\\n**References**: [01]                    # Optional: list ref_ids used\\n**Reference Usage**: direct             # direct | style | palette\\n**Filename**: 01-infographic-concept-name.png\\n\\n## Illustration 2\\n...\\n```\\n\\n**Requirements**:\\n- Each position justified by content needs\\n- Type applied consistently\\n- Style reflected in descriptions\\n- Count matches density\\n- References assigned based on Step 2.4 analysis\\n\\n---\\n\\n## Step 5: Generate Images\\n\\n### 5.1 Create Prompts ⛔ BLOCKING\\n\\n**Every illustration MUST have a saved prompt file before generation begins. DO NOT skip this step.**\\n\\nFor each illustration in the outline:\\n\\n1. **Create prompt file**: `prompts/NN-{type}-{slug}.md`\\n2. **Include YAML frontmatter**:\\n   ```yaml\\n   ---\\n   illustration_id: 01\\n   type: infographic\\n   style: custom-flat-vector\\n   ---\\n   ```\\n3. **Follow type-specific template** from [prompt-construction.md](prompt-construction.md)\\n4. **Prompt quality requirements** (all REQUIRED):\\n   - `Layout`: Describe overall composition (grid / radial / hierarchical / left-right / top-down)\\n   - `ZONES`: Describe each visual area with specific content, not vague descriptions\\n   - `LABELS`: Use **actual numbers, terms, metrics, quotes from the article** — NOT generic placeholders\\n   - `COLORS`: Specify hex codes with semantic meaning (e.g., `Coral (#E07A5F) for emphasis`)\\n   - `STYLE`: Describe line treatment, texture, mood, character rendering\\n   - `ASPECT`: Specify ratio (e.g., `16:9`)\\n5. **Apply defaults**: composition requirements, character rendering, text guidelines, watermark\\n6. **Backup rule**: If prompt file exists, rename to `prompts/NN-{type}-{slug}-backup-YYYYMMDD-HHMMSS.md`\\n\\n**Verification** ⛔: Before proceeding to 5.2, confirm ALL prompt files exist:\\n```\\nPrompt Files:\\n- prompts/01-infographic-overview.md ✓\\n- prompts/02-infographic-distillation.md ✓\\n...\\n```\\n\\n**DO NOT** pass ad-hoc inline text to `--prompt` without first saving prompt files. The generation command should either use `--promptfiles prompts/NN-{type}-{slug}.md` or read the saved file content for `--prompt`.\\n\\n**CRITICAL - References in Frontmatter**:\\n- Only add `references` field if files ACTUALLY EXIST in `references/` directory\\n- If style/palette was extracted verbally (no file), append info to prompt BODY instead\\n- Before writing frontmatter, verify: `test -f references/NN-ref-{slug}.png`\\n\\n### 5.2 Select Generation Skill\\n\\nCheck available skills. If multiple, ask user.\\n\\n### 5.3 Process References ⚠️ REQUIRED if references saved in Step 1.0\\n\\n**DO NOT SKIP if user provided reference images.** For each illustration with references:\\n\\n1. **VERIFY files exist first**:\\n   ```bash\\n   test -f references/NN-ref-{slug}.png && echo \\"exists\\" || echo \\"MISSING\\"\\n   ```\\n   - If file MISSING but in frontmatter → ERROR, fix frontmatter or remove references field\\n   - If file exists → proceed with processing\\n\\n2. Read prompt frontmatter for reference info\\n3. Process based on usage type:\\n\\n| Usage | Action | Example |\\n|-------|--------|---------|\\n| `direct` | Add reference path to `--ref` parameter | `--ref references/01-ref-brand.png` |\\n| `style` | Analyze reference, append style traits to prompt | \\"Style: clean lines, gradient backgrounds...\\" |\\n| `palette` | Extract colors from reference, append to prompt | \\"Colors: #E8756D coral, #7ECFC0 mint...\\" |\\n\\n4. Check image generation skill capability:\\n\\n| Skill Supports `--ref` | Action |\\n|------------------------|--------|\\n| Yes (e.g., baoyu-image-gen with Google) | Pass reference images via `--ref` |\\n| No | Convert to text description, append to prompt |\\n\\n**Verification**: Before generating, confirm reference processing:\\n```\\nReference Processing:\\n- Illustration 1: using 01-ref-brand.png (direct) ✓\\n- Illustration 2: extracted palette from 02-ref-style.png ✓\\n```\\n\\n### 5.4 Apply Watermark (if enabled)\\n\\nAdd: `Include a subtle watermark \\"[content]\\" at [position].`\\n\\n### 5.5 Generate\\n\\n1. For each illustration:\\n   - **Backup rule**: If image file exists, rename to `NN-{type}-{slug}-backup-YYYYMMDD-HHMMSS.md`\\n   - If references with `direct` usage: include `--ref` parameter\\n   - Generate image\\n2. After each: \\"Generated X/N\\"\\n3. On failure: retry once, then log and continue\\n\\n---\\n\\n## Step 6: Finalize\\n\\n### 6.1 Update Article\\n\\nInsert after corresponding paragraph:\\n```markdown\\n![description](illustrations/{slug}/NN-{type}-{slug}.png)\\n```\\n\\nAlt text: concise description in article\'s language.\\n\\n### 6.2 Output Summary\\n\\n```\\nArticle Illustration Complete!\\n\\nArticle: [path]\\nType: [type] | Density: [level] | Style: [style]\\nLocation: [directory]\\nImages: X/N generated\\n\\nPositions:\\n- 01-xxx.png → After \\"[Section]\\"\\n- 02-yyy.png → After \\"[Section]\\"\\n\\n[If failures]\\nFailed:\\n- NN-zzz.png: [reason]\\n```\\n","source":"baoyu-skills","category":"content-skills","outputType":"image"},{"id":"baoyu-skills:baoyu-comic","name":"漫画(baoyu-comic)","description":"Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and sequential image generation. Use when user asks to create \\"知识漫画\\", \\"教育漫画\\", \\"biography comic\\", \\"tutorial comic\\", or \\"Logicomix-style comic\\".","type":"external","content":"# Knowledge Comic Creator\\n\\nCreate original knowledge comics with flexible art style × tone combinations.\\n\\n## Usage\\n\\n```bash\\n/baoyu-comic posts/turing-story/source.md\\n/baoyu-comic article.md --art manga --tone warm\\n/baoyu-comic  # then paste content\\n```\\n\\n## Options\\n\\n### Visual Dimensions\\n\\n| Option | Values | Description |\\n|--------|--------|-------------|\\n| `--art` | ligne-claire (default), manga, realistic, ink-brush, chalk | Art style / rendering technique |\\n| `--tone` | neutral (default), warm, dramatic, romantic, energetic, vintage, action | Mood / atmosphere |\\n| `--layout` | standard (default), cinematic, dense, splash, mixed, webtoon | Panel arrangement |\\n| `--aspect` | 3:4 (default, portrait), 4:3 (landscape), 16:9 (widescreen) | Page aspect ratio |\\n| `--lang` | auto (default), zh, en, ja, etc. | Output language |\\n\\n### Partial Workflow Options\\n\\n| Option | Description |\\n|--------|-------------|\\n| `--storyboard-only` | Generate storyboard only, skip prompts and images |\\n| `--prompts-only` | Generate storyboard + prompts, skip images |\\n| `--images-only` | Generate images from existing prompts directory |\\n| `--regenerate N` | Regenerate specific page(s) only (e.g., `3` or `2,5,8`) |\\n\\nDetails: [references/partial-workflows.md](references/partial-workflows.md)\\n\\n### Art Styles (画风)\\n\\n| Style | 中文 | Description |\\n|-------|------|-------------|\\n| `ligne-claire` | 清线 | Uniform lines, flat colors, European comic tradition (Tintin, Logicomix) |\\n| `manga` | 日漫 | Large eyes, manga conventions, expressive emotions |\\n| `realistic` | 写实 | Digital painting, realistic proportions, sophisticated |\\n| `ink-brush` | 水墨 | Chinese brush strokes, ink wash effects |\\n| `chalk` | 粉笔 | Chalkboard aesthetic, hand-drawn warmth |\\n\\n### Tones (基调)\\n\\n| Tone | 中文 | Description |\\n|------|------|-------------|\\n| `neutral` | 中性 | Balanced, rational, educational |\\n| `warm` | 温馨 | Nostalgic, personal, comforting |\\n| `dramatic` | 戏剧 | High contrast, intense, powerful |\\n| `romantic` | 浪漫 | Soft, beautiful, decorative elements |\\n| `energetic` | 活力 | Bright, dynamic, exciting |\\n| `vintage` | 复古 | Historical, aged, period authenticity |\\n| `action` | 动作 | Speed lines, impact effects, combat |\\n\\n### Preset Shortcuts\\n\\nPresets with special rules beyond art+tone:\\n\\n| Preset | Equivalent | Special Rules |\\n|--------|-----------|---------------|\\n| `--style ohmsha` | `--art manga --tone neutral` | Visual metaphors, NO talking heads, gadget reveals |\\n| `--style wuxia` | `--art ink-brush --tone action` | Qi effects, combat visuals, atmospheric elements |\\n| `--style shoujo` | `--art manga --tone romantic` | Decorative elements, eye details, romantic beats |\\n\\n### Compatibility Matrix\\n\\n| Art Style | ✓✓ Best | ✓ Works | ✗ Avoid |\\n|-----------|---------|---------|---------|\\n| ligne-claire | neutral, warm | dramatic, vintage, energetic | romantic, action |\\n| manga | neutral, romantic, energetic, action | warm, dramatic | vintage |\\n| realistic | neutral, warm, dramatic, vintage | action | romantic, energetic |\\n| ink-brush | neutral, dramatic, action, vintage | warm | romantic, energetic |\\n| chalk | neutral, warm, energetic | vintage | dramatic, action, romantic |\\n\\nDetails: [references/auto-selection.md](references/auto-selection.md)\\n\\n## Auto Selection\\n\\nContent signals determine default art + tone + layout (or preset):\\n\\n| Content Signals | Recommended |\\n|-----------------|-------------|\\n| Tutorial, how-to, programming, educational | **ohmsha** preset |\\n| Pre-1950, classical, ancient | realistic + vintage |\\n| Personal story, mentor | ligne-claire + warm |\\n| Martial arts, wuxia | **wuxia** preset |\\n| Romance, school life | **shoujo** preset |\\n| Biography, balanced | ligne-claire + neutral |\\n\\n**When preset is recommended**: Load `references/presets/{preset}.md` and apply all special rules.\\n\\nDetails: [references/auto-selection.md](references/auto-selection.md)\\n\\n## Script Directory\\n\\n**Important**: All scripts are located in the `scripts/` subdirectory of this skill.\\n\\n**Agent Execution Instructions**:\\n1. Determine this SKILL.md file\'s directory path as `SKILL_DIR`\\n2. Script path = `${SKILL_DIR}/scripts/<script-name>.ts`\\n3. Replace all `${SKILL_DIR}` in this document with the actual path\\n\\n**Script Reference**:\\n| Script | Purpose |\\n|--------|---------|\\n| `scripts/merge-to-pdf.ts` | Merge comic pages into PDF |\\n\\n## File Structure\\n\\nOutput directory: `comic/{topic-slug}/`\\n- Slug: 2-4 words kebab-case from topic (e.g., `alan-turing-bio`)\\n- Conflict: append timestamp (e.g., `turing-story-20260118-143052`)\\n\\n**Contents**:\\n| File | Description |\\n|------|-------------|\\n| `source-{slug}.{ext}` | Source files |\\n| `analysis.md` | Content analysis |\\n| `storyboard.md` | Storyboard with panel breakdown |\\n| `characters/characters.md` | Character definitions |\\n| `characters/characters.png` | Character reference sheet |\\n| `prompts/NN-{cover\\\\|page}-[slug].md` | Generation prompts |\\n| `NN-{cover\\\\|page}-[slug].png` | Generated images |\\n| `{topic-slug}.pdf` | Final merged PDF |\\n\\n## Language Handling\\n\\n**Detection Priority**:\\n1. `--lang` flag (explicit)\\n2. EXTEND.md `language` setting\\n3. User\'s conversation language\\n4. Source content language\\n\\n**Rule**: Use user\'s input language or saved language preference for ALL interactions:\\n- Storyboard outlines and scene descriptions\\n- Image generation prompts\\n- User selection options and confirmations\\n- Progress updates, questions, errors, summaries\\n\\nTechnical terms remain in English.\\n\\n## Workflow\\n\\n### Progress Checklist\\n\\n```\\nComic Progress:\\n- [ ] Step 1: Setup & Analyze\\n  - [ ] 1.1 Preferences (EXTEND.md) ⛔ BLOCKING\\n    - [ ] Found → load preferences → continue\\n    - [ ] Not found → run first-time setup → MUST complete before other steps\\n  - [ ] 1.2 Analyze, 1.3 Check existing\\n- [ ] Step 2: Confirmation - Style & options ⚠️ REQUIRED\\n- [ ] Step 3: Generate storyboard + characters\\n- [ ] Step 4: Review outline (conditional)\\n- [ ] Step 5: Generate prompts\\n- [ ] Step 6: Review prompts (conditional)\\n- [ ] Step 7: Generate images ⚠️ CHARACTER REF REQUIRED\\n  - [ ] 7.1 Generate character sheet FIRST → characters/characters.png\\n  - [ ] 7.2 Generate pages WITH --ref characters/characters.png\\n- [ ] Step 8: Merge to PDF\\n- [ ] Step 9: Completion report\\n```\\n\\n### Flow\\n\\n```\\nInput → [Preferences] ─┬─ Found → Continue\\n                       │\\n                       └─ Not found → First-Time Setup ⛔ BLOCKING\\n                                      │\\n                                      └─ Complete setup → Save EXTEND.md → Continue\\n                                                                              │\\n        ┌─────────────────────────────────────────────────────────────────────┘\\n        ↓\\nAnalyze → [Check Existing?] → [Confirm: Style + Reviews] → Storyboard → [Review?] → Prompts → [Review?] → Images → PDF → Complete\\n```\\n\\n### Step Summary\\n\\n| Step | Action | Key Output |\\n|------|--------|------------|\\n| 1.1 | Load EXTEND.md preferences ⛔ BLOCKING if not found | Config loaded |\\n| 1.2 | Analyze content | `analysis.md` |\\n| 1.3 | Check existing directory | Handle conflicts |\\n| 2 | Confirm style, focus, audience, reviews | User preferences |\\n| 3 | Generate storyboard + characters | `storyboard.md`, `characters/` |\\n| 4 | Review outline (if requested) | User approval |\\n| 5 | Generate prompts | `prompts/*.md` |\\n| 6 | Review prompts (if requested) | User approval |\\n| **7.1** | **Generate character sheet FIRST** | `characters/characters.png` |\\n| **7.2** | Generate pages **with character ref** | `*.png` files |\\n| 8 | Merge to PDF | `{slug}.pdf` |\\n| 9 | Completion report | Summary |\\n\\n### Step 7: Image Generation ⚠️ CRITICAL\\n\\n**Character reference is MANDATORY for visual consistency.**\\n\\n**7.1 Generate character sheet first**:\\n- **Backup rule**: If `characters/characters.png` exists, rename to `characters/characters-backup-YYYYMMDD-HHMMSS.png`\\n```bash\\n# Use Reference Sheet Prompt from characters/characters.md\\nnpx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \\\\\\n  --promptfiles characters/characters.md \\\\\\n  --image characters/characters.png --ar 4:3\\n```\\n\\n**Compress character sheet** (recommended):\\nCompress to reduce token usage when used as reference image:\\n- Use available image compression skill (if any)\\n- Or system tools: `pngquant`, `optipng`, `sips` (macOS)\\n- **Keep PNG format**, lossless compression preferred\\n\\n**7.2 Generate each page WITH character reference**:\\n\\n| Skill Capability | Strategy |\\n|------------------|----------|\\n| Supports `--ref` | Pass `characters/characters.png` with EVERY page |\\n| No `--ref` support | Prepend character descriptions to EVERY prompt file |\\n\\n**Backup rules for page generation**:\\n- If prompt file exists: rename to `prompts/NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.md`\\n- If image file exists: rename to `NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.png`\\n\\n```bash\\n# Example: ALWAYS include --ref for consistency\\nnpx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \\\\\\n  --promptfiles prompts/01-page-xxx.md \\\\\\n  --image 01-page-xxx.png --ar 3:4 \\\\\\n  --ref characters/characters.png\\n```\\n\\n**Full workflow details**: [references/workflow.md](references/workflow.md)\\n\\n### EXTEND.md Paths ⛔ BLOCKING\\n\\n**CRITICAL**: 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 art style, do NOT ask about tone — ONLY complete the preferences setup first.\\n\\n| Path | Location |\\n|------|----------|\\n| `.baoyu-skills/baoyu-comic/EXTEND.md` | Project directory |\\n| `$HOME/.baoyu-skills/baoyu-comic/EXTEND.md` | User home |\\n\\n| Result | Action |\\n|--------|--------|\\n| Found | Read, parse, display summary → Continue |\\n| Not found | ⛔ **BLOCKING**: Run first-time setup ONLY ([references/config/first-time-setup.md](references/config/first-time-setup.md)) → Complete and save EXTEND.md → Then continue |\\n\\n**EXTEND.md Supports**: Watermark | Preferred art/tone/layout | Custom style definitions | Character presets | Language preference\\n\\nSchema: [references/config/preferences-schema.md](references/config/preferences-schema.md)\\n\\n## References\\n\\n**Core Templates**:\\n- [analysis-framework.md](references/analysis-framework.md) - Deep content analysis\\n- [character-template.md](references/character-template.md) - Character definition format\\n- [storyboard-template.md](references/storyboard-template.md) - Storyboard structure\\n- [ohmsha-guide.md](references/ohmsha-guide.md) - Ohmsha manga specifics\\n\\n**Style Definitions**:\\n- `references/art-styles/` - Art styles (ligne-claire, manga, realistic, ink-brush, chalk)\\n- `references/tones/` - Tones (neutral, warm, dramatic, romantic, energetic, vintage, action)\\n- `references/presets/` - Presets with special rules (ohmsha, wuxia, shoujo)\\n- `references/layouts/` - Layouts (standard, cinematic, dense, splash, mixed, webtoon)\\n\\n**Workflow**:\\n- [workflow.md](references/workflow.md) - Full workflow details\\n- [auto-selection.md](references/auto-selection.md) - Content signal analysis\\n- [partial-workflows.md](references/partial-workflows.md) - Partial workflow options\\n\\n**Config**:\\n- [config/preferences-schema.md](references/config/preferences-schema.md) - EXTEND.md schema\\n- [config/first-time-setup.md](references/config/first-time-setup.md) - First-time setup\\n- [config/watermark-guide.md](references/config/watermark-guide.md) - Watermark configuration\\n\\n## Page Modification\\n\\n| Action | Steps |\\n|--------|-------|\\n| **Edit** | **Update prompt file FIRST** → `--regenerate N` → Regenerate PDF |\\n| **Add** | Create prompt at position → Generate with character ref → Renumber subsequent → Update storyboard → Regenerate PDF |\\n| **Delete** | Remove files → Renumber subsequent → Update storyboard → Regenerate PDF |\\n\\n**IMPORTANT**: When updating pages, ALWAYS update the prompt file (`prompts/NN-{cover|page}-[slug].md`) FIRST before regenerating. This ensures changes are documented and reproducible.\\n\\n## Notes\\n\\n- Image generation: 10-30 seconds per page\\n- Auto-retry once on generation failure\\n- Use stylized alternatives for sensitive public figures\\n- Maintain style consistency via session ID\\n- **Step 2 confirmation required** - do not skip\\n- **Steps 4/6 conditional** - only if user requested in Step 2\\n- **Step 7.1 character sheet MUST be generated before pages** - ensures consistency\\n- **Step 7.2 EVERY page MUST reference characters** - use `--ref` or embed descriptions\\n- Watermark/language configured once in EXTEND.md\\n\\n---\\n\\n## Reference: base-prompt.md\\n\\nCreate a knowledge biography comic page following these guidelines:\\n\\n## Image Specifications\\n\\n- **Type**: Comic book page with multiple panels\\n- **Orientation**: Portrait (vertical)\\n- **Aspect Ratio**: 2:3\\n- **Style**: See style-specific reference for visual guidelines\\n\\n## Panel Structure\\n\\n### Panel Borders\\n- Clean black lines (1-2px) around each panel\\n- White gutters between panels (8-12px)\\n- Panels arranged for clear reading flow\\n- Variety in panel sizes for visual rhythm\\n\\n### Panel Composition\\n- Clear focal points in each panel\\n- Proper use of foreground, midground, background\\n- Camera angles vary: eye level, bird\'s eye, low angle, close-up, wide shot\\n- Action flows logically between panels\\n- Negative space used intentionally\\n\\n## Text Elements\\n\\n### Speech Bubbles\\n- **Dialogue**: Oval/elliptical bubbles with pointed tails\\n- White fill with thin black outline\\n- Tail points clearly to speaker\\n- Hand-lettered style font (not computer-generated)\\n\\n### Narrator Boxes\\n- **Fourth Wall/Narrator**: Rectangular boxes\\n- Often positioned at panel edges (top or bottom)\\n- Slightly different fill color (cream or light yellow)\\n- Used for commentary, time jumps, explanations\\n\\n### Thought Bubbles\\n- Cloud-shaped with bubble trail leading to thinker\\n- Softer outline than speech bubbles\\n- For internal monologue\\n\\n### Caption Bars\\n- Rectangular bars at panel edges\\n- Time and place information\\n- \\"Meanwhile...\\", \\"Three years later...\\" type transitions\\n- Darker fill with white text, or vice versa\\n\\n### Typography\\n- Hand-drawn lettering style throughout\\n- Bold for emphasis and key terms\\n- Consistent letter sizing\\n- Chinese text: use full-width punctuation \\"\\"，。！\\n- Clear hierarchy: titles > dialogue > captions\\n\\n## Scientific/Concept Visualization\\n\\nWhen depicting abstract concepts:\\n\\n| Concept | Visual Metaphor |\\n|---------|----------------|\\n| Neural networks | Glowing nodes connected by clean lines |\\n| Data flow | Luminous particles along simple paths |\\n| Algorithms | Geometric patterns, building blocks |\\n| Logic/proof | Interlocking puzzle pieces |\\n| Discovery | Light breaking through darkness |\\n| Uncertainty | Forking paths, question marks |\\n| Time | Clock motifs, calendar pages |\\n\\n- Integrate diagrams naturally into narrative panels\\n- Use inset panels or thought-bubble style for explanations\\n- Simplified iconography over realistic depiction\\n\\n## Fourth Wall / Narrator Character\\n\\nWhen depicting narrator characters addressing the reader:\\n- Character may look directly out of panel\\n- Can appear in \\"present day\\" framing scenes\\n- Distinct visual treatment from main timeline\\n- Often at page edges or in dedicated panels\\n- May comment on or question the events shown\\n\\n## Historical Accuracy\\n\\n- Research period-specific details: costumes, technology, architecture\\n- Show aging naturally for characters across time periods\\n- Iconic items and locations rendered recognizably\\n- Balance accuracy with stylization\\n\\n## Language\\n\\n- All text in Chinese (中文) unless source material is in another language\\n- Use Chinese full-width punctuation: \\"\\"，。！\\n\\n---\\n\\nPlease generate the comic page based on the content provided below:\\n\\n\\n---\\n\\n## Reference: analysis-framework.md\\n\\n# Comic Content Analysis Framework\\n\\nDeep analysis framework for transforming source content into effective visual storytelling.\\n\\n## Purpose\\n\\nBefore creating a comic, thoroughly analyze the source material to:\\n- Identify the target audience and their needs\\n- Determine what value the comic will deliver\\n- Extract narrative potential for visual storytelling\\n- Plan character arcs and key moments\\n\\n## Analysis Dimensions\\n\\n### 1. Core Content (Understanding \\"What\\")\\n\\n**Central Message**\\n- What is the single most important idea readers should take away?\\n- Can you express it in one sentence?\\n\\n**Key Concepts**\\n- What are the essential concepts readers must understand?\\n- How should these concepts be visualized?\\n- Which concepts need simplified explanations?\\n\\n**Content Structure**\\n- How is the source material organized?\\n- What is the natural narrative arc?\\n- Where are the climax and turning points?\\n\\n**Evidence & Examples**\\n- What concrete examples, data, or stories support the main ideas?\\n- Which examples translate well to visual panels?\\n- What can be shown rather than told?\\n\\n### 2. Context & Background (Understanding \\"Why\\")\\n\\n**Source Origin**\\n- Who created this content? What is their perspective?\\n- What was the original purpose?\\n- Is there bias to be aware of?\\n\\n**Historical/Cultural Context**\\n- When and where does the story take place?\\n- What background knowledge do readers need?\\n- What period-specific visual elements are required?\\n\\n**Underlying Assumptions**\\n- What does the source assume readers already know?\\n- What implicit beliefs or values are present?\\n- Should the comic challenge or reinforce these?\\n\\n### 3. Audience Analysis\\n\\n**Primary Audience**\\n- Who will read this comic?\\n- What is their existing knowledge level?\\n- What are their interests and motivations?\\n\\n**Secondary Audiences**\\n- Who else might benefit from this comic?\\n- How might their needs differ?\\n\\n**Reader Questions**\\n- What questions will readers have?\\n- What misconceptions might they bring?\\n- What \\"aha moments\\" can we create?\\n\\n### 4. Value Proposition\\n\\n**Knowledge Value**\\n- What will readers learn?\\n- What new perspectives will they gain?\\n- How will this change their understanding?\\n\\n**Emotional Value**\\n- What emotions should readers feel?\\n- What connections will they make with characters?\\n- What will make this memorable?\\n\\n**Practical Value**\\n- Can readers apply what they learn?\\n- What actions might this inspire?\\n- What conversations might it spark?\\n\\n### 5. Narrative Potential\\n\\n**Story Arc Candidates**\\n- What natural narratives exist in the content?\\n- Where is the conflict or tension?\\n- What transformations occur?\\n\\n**Character Potential**\\n- Who are the key figures?\\n- What are their motivations and obstacles?\\n- How do they change throughout?\\n\\n**Visual Opportunities**\\n- What scenes have strong visual potential?\\n- Where can abstract concepts become concrete images?\\n- What metaphors can be visualized?\\n\\n**Dramatic Moments**\\n- What are the breakthrough/revelation moments?\\n- Where are the emotional peaks?\\n- What creates tension and release?\\n\\n### 6. Adaptation Considerations\\n\\n**What to Keep**\\n- Essential facts and ideas\\n- Key quotes or moments\\n- Core emotional beats\\n\\n**What to Simplify**\\n- Complex explanations\\n- Dense technical details\\n- Lengthy descriptions\\n\\n**What to Expand**\\n- Brief mentions that deserve more attention\\n- Implied emotions or relationships\\n- Visual details not in source\\n\\n**What to Omit**\\n- Tangential information\\n- Redundant examples\\n- Content that doesn\'t serve the narrative\\n\\n## Output Format\\n\\nAnalysis results should be saved to `analysis.md` with:\\n\\n1. **YAML Front Matter**: Metadata (title, topic, time_span, source_language, user_language, aspect_ratio, recommended_page_count, recommended_art, recommended_tone, recommended_layout)\\n2. **Target Audience**: Primary, secondary, tertiary audiences with their needs\\n3. **Value Proposition**: What readers will gain (knowledge, emotional, practical)\\n4. **Core Themes**: Table with theme, narrative potential, visual opportunity\\n5. **Key Figures & Story Arcs**: Character profiles with arcs, visual identity, key moments\\n6. **Content Signals**: Style and layout recommendations based on content type\\n7. **Recommended Approaches**: Narrative approaches ranked by suitability\\n\\n### YAML Front Matter Example\\n\\n```yaml\\n---\\ntitle: \\"Alan Turing: The Father of Computing\\"\\ntopic: alan-turing-biography\\ntime_span: 1912-1954\\nsource_language: en\\nuser_language: zh  # From EXTEND.md or detected\\naspect_ratio: \\"3:4\\"\\nrecommended_page_count: 16\\nrecommended_art: ligne-claire  # ligne-claire|manga|realistic|ink-brush|chalk\\nrecommended_tone: neutral      # neutral|warm|dramatic|romantic|energetic|vintage|action\\nrecommended_layout: mixed      # standard|cinematic|dense|splash|mixed|webtoon\\n---\\n```\\n\\n### Language Fields\\n\\n| Field | Description |\\n|-------|-------------|\\n| `source_language` | Detected language of source content |\\n| `user_language` | Output language for comic (from EXTEND.md > --lang > source_language) |\\n\\n## Analysis Checklist\\n\\nBefore proceeding to storyboard:\\n\\n- [ ] Can I state the core message in one sentence?\\n- [ ] Do I know exactly who will read this comic?\\n- [ ] Have I identified at least 3 ways this comic provides value?\\n- [ ] Are there clear protagonists with compelling arcs?\\n- [ ] Have I found at least 5 visually powerful moments?\\n- [ ] Do I understand what to keep, simplify, expand, and omit?\\n- [ ] Have I identified the emotional peaks and valleys?\\n\\n\\n---\\n\\n## Reference: art-styles/chalk.md\\n\\n# chalk\\n\\n粉笔画风 - Chalkboard aesthetic with hand-drawn warmth\\n\\n## Overview\\n\\nClassic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching.\\n\\n## Line Work\\n\\n- Sketchy, imperfect hand-drawn lines\\n- Chalk texture on all strokes\\n- Varying line weight from chalk pressure\\n- Soft edges, no sharp digital lines\\n- Visible chalk dust effects\\n\\n## Character Design\\n\\n- Simplified, friendly character designs\\n- Stick figures to semi-detailed range\\n- Expressive through simple gestures\\n- Approachable, non-intimidating\\n- Educational presenter style\\n\\n## Background\\n\\n- Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)\\n- Realistic chalkboard texture\\n- Subtle scratches and dust particles\\n- Faint eraser marks for authenticity\\n- Wooden frame border optional\\n\\n## Typography\\n\\n- Hand-drawn chalk lettering style\\n- Visible chalk texture on text\\n- Imperfect baseline adds authenticity\\n- White or bright colored chalk for emphasis\\n\\n## Visual Elements\\n\\n- Hand-drawn chalk illustrations\\n- Chalk dust effects around elements\\n- Doodles: stars, arrows, underlines, circles\\n- Mathematical formulas and diagrams\\n- Eraser smudges and chalk residue\\n- Stick figures and simple icons\\n- Connection lines with hand-drawn feel\\n\\n## Default Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Background | Chalkboard Black | #1A1A1A |\\n| Alt Background | Green-Black | #1C2B1C |\\n| Primary Text | Chalk White | #F5F5F5 |\\n| Accent 1 | Chalk Yellow | #FFE566 |\\n| Accent 2 | Chalk Pink | #FF9999 |\\n| Accent 3 | Chalk Blue | #66B3FF |\\n| Accent 4 | Chalk Green | #90EE90 |\\n| Accent 5 | Chalk Orange | #FFB366 |\\n\\n## Style Rules\\n\\n### Do\\n- Maintain authentic chalk texture on all elements\\n- Use imperfect, hand-drawn quality throughout\\n- Add subtle chalk dust and smudge effects\\n- Create visual hierarchy with color variety\\n- Include playful doodles and annotations\\n\\n### Don\'t\\n- Use perfect geometric shapes\\n- Create clean digital-looking lines\\n- Add photorealistic elements\\n- Use gradients or glossy effects\\n\\n## Quality Markers\\n\\n- ✓ Authentic chalk texture throughout\\n- ✓ Imperfect, hand-drawn quality\\n- ✓ Readable despite sketchy style\\n- ✓ Nostalgic classroom feel\\n- ✓ Effective color hierarchy\\n- ✓ Playful educational aesthetic\\n\\n## Compatibility\\n\\n| Tone | Fit | Notes |\\n|------|-----|-------|\\n| neutral | ✓✓ | Classic educational |\\n| warm | ✓✓ | Nostalgic feel |\\n| dramatic | ✗ | Style mismatch |\\n| vintage | ✓ | Old school feel |\\n| romantic | ✗ | Style mismatch |\\n| energetic | ✓✓ | Fun learning |\\n| action | ✗ | Style mismatch |\\n\\n## Best For\\n\\nEducational content, tutorials, classroom themes, teaching materials, workshops, informal learning, knowledge sharing\\n\\n\\n---\\n\\n## Reference: art-styles/ink-brush.md\\n\\n# ink-brush\\n\\n水墨画风 - Chinese ink brush aesthetics with dynamic strokes\\n\\n## Overview\\n\\nTraditional Chinese ink brush painting style adapted for comics. Combines calligraphic brush strokes with ink wash effects. Creates atmospheric, artistic visuals rooted in East Asian aesthetics.\\n\\n## Line Work\\n\\n- 2-3px dynamic brush strokes with varying weight\\n- Ink wash effects, traditional Chinese brush feel\\n- Bold, confident strokes with sharp edges\\n- Flowing lines for fabric and hair\\n- Pressure-sensitive stroke variation\\n\\n## Character Design\\n\\n- Realistic human proportions (7.5-8 head heights)\\n- Defined features with ink brush definition\\n- Dynamic poses capturing movement\\n- Flowing hair and clothing in motion\\n- Traditional attire options (robes, hanfu)\\n- Intense, expressive faces\\n\\n## Brush Techniques\\n\\n| Technique | Usage |\\n|-----------|-------|\\n| Bold strokes | Character outlines |\\n| Fine lines | Details, hair |\\n| Ink wash | Atmosphere, shadows |\\n| Dry brush | Texture, aging |\\n| Splatter | Impact, drama |\\n\\n## Background Treatment\\n\\n- Dramatic landscapes: mountains, waterfalls, temples\\n- Ink wash atmospheric effects\\n- Misty, layered depth\\n- Traditional architecture elements\\n- High contrast silhouettes\\n- Negative space as design element\\n\\n## Color Approach\\n\\n- Ink gradients as primary\\n- Limited accent colors\\n- Traditional Chinese palette\\n- Atmospheric color washes\\n- High contrast compositions\\n\\n## Default Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary | Deep black ink | #1A1A1A |\\n| Accent | Crimson red | #8B0000 |\\n| Accent | Imperial gold | #D4AF37 |\\n| Skin | Natural tan | #D4A574 |\\n| Background | Misty gray | #9CA3AF |\\n| Background | Earth tone | #8B7355 |\\n| Wash | Ink gradient | #2D3748 |\\n\\n## Visual Elements\\n\\n- Calligraphic text integration\\n- Seal stamps (optional)\\n- Ink splatter effects\\n- Flowing fabric trails\\n- Atmospheric mist\\n- Mountain silhouettes\\n\\n## Quality Markers\\n\\n- ✓ Dynamic brush stroke quality\\n- ✓ Authentic ink wash atmosphere\\n- ✓ High contrast compositions\\n- ✓ Flowing movement in fabric/hair\\n- ✓ Traditional aesthetic elements\\n- ✓ Atmospheric depth\\n\\n## Compatibility\\n\\n| Tone | Fit | Notes |\\n|------|-----|-------|\\n| neutral | ✓ | Contemplative stories |\\n| warm | ✓ | Nostalgic, gentle |\\n| dramatic | ✓✓ | High contrast |\\n| vintage | ✓✓ | Historical pieces |\\n| romantic | ✗ | Style mismatch |\\n| energetic | ✗ | Too refined |\\n| action | ✓✓ | Martial arts |\\n\\n## Best For\\n\\nChinese historical stories, martial arts, traditional tales, contemplative narratives, artistic adaptations\\n\\n\\n---\\n\\n## Reference: art-styles/ligne-claire.md\\n\\n# ligne-claire\\n\\n清线画风 - Uniform lines, flat colors, European comic tradition\\n\\n## Overview\\n\\nClassic European comic style originating from Hergé\'s Tintin. Characterized by clean, uniform outlines and flat color fills without gradients. Creates a timeless, accessible aesthetic suitable for educational and narrative content.\\n\\n## Line Work\\n\\n- Uniform, clean outlines with consistent weight (2px)\\n- No hatching or cross-hatching for shading\\n- Sharp, precise edges on all elements\\n- Black ink outlines on all figures and objects\\n- Shadows indicated through flat color areas, not line techniques\\n\\n## Character Design\\n\\n- Slightly stylized/cartoonish characters with realistic proportions\\n- Distinctive, recognizable facial features\\n- Expressive faces with clear emotions\\n- Period-appropriate clothing with attention to detail\\n- Consistent character appearance across panels\\n- 6-7 head height proportions\\n\\n## Background Treatment\\n\\n- Detailed, realistic backgrounds with architectural accuracy\\n- Period-specific props and technology\\n- Clear spatial depth and perspective\\n- Environmental storytelling through details\\n- Contrast between simplified characters and detailed backgrounds\\n\\n## Color Approach\\n\\n- Flat colors without gradients (true to Ligne Claire tradition)\\n- Limited palette per page for cohesion\\n- Colors support narrative mood\\n- Consistent lighting logic within scenes\\n\\n## Default Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary Blue | Clean blue | #3182CE |\\n| Primary Red | Classic red | #E53E3E |\\n| Primary Yellow | Warm yellow | #ECC94B |\\n| Skin | Warm tan | #F7CFAE |\\n| Background Light | Light cream | #FFFAF0 |\\n| Background Sky | Sky blue | #BEE3F8 |\\n\\n## Quality Markers\\n\\n- ✓ Clean, uniform line weight throughout\\n- ✓ Flat colors without gradients\\n- ✓ Detailed backgrounds, stylized characters\\n- ✓ Clear panel borders and reading flow\\n- ✓ Hand-drawn text style\\n- ✓ Proper perspective in environments\\n\\n## Compatibility\\n\\n| Tone | Fit | Notes |\\n|------|-----|-------|\\n| neutral | ✓✓ | Classic combination |\\n| warm | ✓✓ | Nostalgic stories |\\n| dramatic | ✓ | Works with high contrast |\\n| vintage | ✓ | Period pieces |\\n| romantic | ✗ | Style mismatch |\\n| energetic | ✓ | Lighter stories |\\n| action | ✗ | Lacks dynamic lines |\\n\\n## Best For\\n\\nEducational content, balanced narratives, biography comics, historical stories\\n\\n\\n---\\n\\n## Reference: art-styles/manga.md\\n\\n# manga\\n\\n日漫画风 - Anime/manga aesthetics with expressive characters\\n\\n## Overview\\n\\nJapanese manga art style characterized by large expressive eyes, dynamic poses, and visual emotion indicators. Versatile style that works across genres from educational to romantic to action.\\n\\n## Line Work\\n\\n- Clean, smooth lines (1.5-2px)\\n- Expressive weight variation for emphasis\\n- Smooth curves, dynamic strokes\\n- Speed lines and motion effects available\\n- Screen tone effects for atmosphere\\n\\n## Character Design\\n\\n- Anime/manga proportions: larger eyes, expressive faces\\n- 5-7 head height proportions (varies by sub-style)\\n- Clear emotional indicators (！, ？, sweat drops, sparkles)\\n- Dynamic poses and gestures\\n- Detailed hair with individual strands\\n- Fashionable clothing with natural folds\\n\\n## Eye Styles\\n\\n| Type | Description |\\n|------|-------------|\\n| Standard | Medium-large, 2-3 highlights |\\n| Educational | Friendly, approachable eyes |\\n| Dramatic | Intense, detailed irises |\\n| Cute | Very large, sparkly eyes |\\n\\n## Background Treatment\\n\\n- Simplified during dialogue/explanation\\n- Detailed for establishing shots\\n- Screen tone gradients for mood\\n- Abstract backgrounds for emotional moments\\n- Technical diagrams styled as displays\\n\\n## Color Approach\\n\\n- Clean, bright anime colors\\n- Soft gradients on skin\\n- Vibrant palette options\\n- Light and shadow with soft transitions\\n- Color coding for character identification\\n\\n## Default Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary Blue | Bright blue | #4299E1 |\\n| Primary Orange | Warm orange | #ED8936 |\\n| Primary Green | Soft green | #68D391 |\\n| Skin | Anime warm | #FEEBC8 |\\n| Background | Clean white | #FFFFFF |\\n| Highlight | Golden | #FFD700 |\\n\\n## Visual Elements\\n\\n- Speech bubbles: rounded (normal), spiky (excitement)\\n- Sound effects integrated visually\\n- Emotion symbols (sweat drops, anger marks, hearts)\\n- Speed lines and motion blur\\n- Sparkle and glow effects\\n\\n## Quality Markers\\n\\n- ✓ Expressive character faces\\n- ✓ Clean, consistent line work\\n- ✓ Dynamic poses and compositions\\n- ✓ Appropriate use of manga conventions\\n- ✓ Readable panel flow\\n- ✓ Consistent character designs\\n\\n## Compatibility\\n\\n| Tone | Fit | Notes |\\n|------|-----|-------|\\n| neutral | ✓✓ | Educational manga |\\n| warm | ✓ | Slice of life |\\n| dramatic | ✓ | Intense moments |\\n| romantic | ✓✓ | Shoujo style |\\n| energetic | ✓✓ | Shonen style |\\n| vintage | ✗ | Style mismatch |\\n| action | ✓✓ | Battle manga |\\n\\n## Best For\\n\\nEducational tutorials, romance, action, coming-of-age, technical explanations, youth-oriented content\\n\\n\\n---\\n\\n## Reference: art-styles/realistic.md\\n\\n# realistic\\n\\n写实画风 - Digital painting with realistic proportions and lighting\\n\\n## Overview\\n\\nFull-color realistic manga style using digital painting techniques. Features anatomically accurate characters, rich gradients, and detailed environmental rendering. Sophisticated aesthetic for mature audiences.\\n\\n## Line Work\\n\\n- Clean, precise outlines with clear contours\\n- Uniform line weight for character definition\\n- No excessive hatching - rely on color for depth\\n- Smooth curves and realistic anatomical lines\\n- Ligne Claire influence: clean but not simplified\\n\\n## Character Design\\n\\n- Realistic human proportions (7-8 head heights)\\n- Anatomically accurate features and expressions\\n- Detailed facial structure without exaggeration\\n- Natural poses and body language\\n- Consistent appearance across panels\\n- Subtle expressions rather than manga-style\\n\\n## Rendering Style\\n\\n- Full-color digital painting with rich gradients\\n- Soft shadow transitions on skin and fabric\\n- Realistic material textures (glass, liquid, fabric, wood)\\n- Detailed hair with natural shine and volume\\n- Environmental lighting affects all elements\\n- NOT flat cel-shading - smooth color blending\\n\\n## Background Treatment\\n\\n- Highly detailed, realistic environments\\n- Accurate perspective and spatial depth\\n- Atmospheric lighting (warm indoor, cool outdoor)\\n- Professional settings rendered with precision\\n- Props and objects with realistic textures\\n\\n## Color Approach\\n\\n- Rich gradients for depth and volume\\n- Realistic lighting with warm/cool contrast\\n- Material-specific rendering\\n- Subtle color temperature shifts\\n- Professional, sophisticated palette\\n\\n## Default Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Skin Light | Natural warm | #F5D6C6 |\\n| Skin Shadow | Warm shadow | #E8C4B0 |\\n| Environment | Warm wood | #8B7355 |\\n| Environment Cool | Cool stone | #9CA3AF |\\n| Accent | Wine red | #722F37 |\\n| Accent Gold | Gold | #D4AF37 |\\n| Light Warm | Amber | #FFB347 |\\n| Light Cool | Cool blue | #B0C4DE |\\n\\n## Quality Markers\\n\\n- ✓ Anatomically accurate proportions\\n- ✓ Smooth color gradients (not flat fills)\\n- ✓ Realistic material textures\\n- ✓ Detailed, atmospheric backgrounds\\n- ✓ Natural lighting with soft shadows\\n- ✓ Expressive but subtle expressions\\n- ✓ Professional aesthetic\\n- ✓ Clean speech bubbles\\n\\n## Compatibility\\n\\n| Tone | Fit | Notes |\\n|------|-----|-------|\\n| neutral | ✓✓ | Professional content |\\n| warm | ✓✓ | Nostalgic stories |\\n| dramatic | ✓✓ | High drama |\\n| vintage | ✓✓ | Period pieces |\\n| romantic | ✗ | Style mismatch |\\n| energetic | ✗ | Too refined |\\n| action | ✓ | Serious action |\\n\\n## Best For\\n\\nProfessional topics (wine, food, business), lifestyle content, adult narratives, documentary-style, mature educational guides\\n\\n\\n---\\n\\n## Reference: auto-selection.md\\n\\n# Auto Selection\\n\\nContent signals determine default art + tone + layout (or preset).\\n\\n## Content Signal Matrix\\n\\n| Content Signals | Art Style | Tone | Layout | Preset |\\n|-----------------|-----------|------|--------|--------|\\n| Tutorial, how-to, beginner | manga | neutral | webtoon | **ohmsha** |\\n| Computing, AI, programming | manga | neutral | dense | **ohmsha** |\\n| Technical explanation, educational | manga | neutral | webtoon | **ohmsha** |\\n| Pre-1950, classical, ancient | realistic | vintage | cinematic | - |\\n| Personal story, mentor | ligne-claire | warm | standard | - |\\n| Conflict, breakthrough | (inherit) | dramatic | splash | - |\\n| Wine, food, business, lifestyle | realistic | neutral | cinematic | - |\\n| Martial arts, wuxia, xianxia | ink-brush | action | splash | **wuxia** |\\n| Romance, love, school life | manga | romantic | standard | **shoujo** |\\n| Biography, balanced | ligne-claire | neutral | mixed | - |\\n\\n## Preset Recommendation Rules\\n\\n**When preset is recommended**: Load `presets/{preset}.md` and apply all special rules.\\n\\n### ohmsha\\n- **Triggers**: Tutorial, technical, educational, computing, programming, how-to, beginner\\n- **Special rules**: Visual metaphors, NO talking heads, gadget reveals, Doraemon-style characters\\n- **Base**: manga + neutral + webtoon/dense\\n\\n### wuxia\\n- **Triggers**: Martial arts, wuxia, xianxia, cultivation, swordplay\\n- **Special rules**: Qi effects, combat visuals, atmospheric elements\\n- **Base**: ink-brush + action + splash\\n\\n### shoujo\\n- **Triggers**: Romance, love story, school life, emotional drama\\n- **Special rules**: Decorative elements, eye details, romantic beats\\n- **Base**: manga + romantic + standard\\n\\n## Compatibility Matrix\\n\\nArt Style × Tone combinations work best when matched appropriately:\\n\\n| Art Style | ✓✓ Best | ✓ Works | ✗ Avoid |\\n|-----------|---------|---------|---------|\\n| ligne-claire | neutral, warm | dramatic, vintage, energetic | romantic, action |\\n| manga | neutral, romantic, energetic, action | warm, dramatic | vintage |\\n| realistic | neutral, warm, dramatic, vintage | action | romantic, energetic |\\n| ink-brush | neutral, dramatic, action, vintage | warm | romantic, energetic |\\n| chalk | neutral, warm, energetic | vintage | dramatic, action, romantic |\\n\\n**Note**: Art Style × Tone × Layout can be freely combined. Incompatible combinations work but may produce unexpected results.\\n\\n## Priority Order\\n\\n1. User-specified options (`--art`, `--tone`, `--style`)\\n2. EXTEND.md defaults\\n3. Content signal analysis → auto-selection\\n4. Fallback: ligne-claire + neutral + standard\\n\\n\\n---\\n\\n## Reference: character-template.md\\n\\n# Character Definition Template\\n\\n## Character Document Format\\n\\nCreate `characters/characters.md` with the following structure:\\n\\n```markdown\\n# Character Definitions - [Comic Title]\\n\\n**Style**: [selected style]\\n**Art Direction**: [Ligne Claire / Manga / etc.]\\n\\n---\\n\\n## Character 1: [Name]\\n\\n**Role**: [Protagonist / Mentor / Antagonist / Narrator]\\n**Age**: [approximate age or age range in story]\\n\\n**Appearance**:\\n- Face shape: [oval/square/round]\\n- Hair: [color, style, length]\\n- Eyes: [color, shape, distinctive features]\\n- Build: [height, body type]\\n- Distinguishing features: [glasses, beard, scar, etc.]\\n\\n**Costume**:\\n- Default outfit: [detailed description]\\n- Color palette: [primary colors for this character]\\n- Accessories: [hat, bag, tools, etc.]\\n\\n**Expression Range**:\\n- Neutral: [description]\\n- Happy/Excited: [description]\\n- Thinking/Confused: [description]\\n- Determined: [description]\\n\\n**Visual Reference Notes**:\\n[Any specific artistic direction]\\n\\n---\\n\\n## Character 2: [Name]\\n...\\n```\\n\\n## Reference Sheet Image Prompt\\n\\nAfter character definitions, include a prompt for generating the reference sheet:\\n\\n```markdown\\n## Reference Sheet Prompt\\n\\nCharacter reference sheet in [style] style, clean lines, flat colors:\\n\\n[ROW 1 - Character Name]:\\n- Front view: [detailed description]\\n- 3/4 view: [description]\\n- Expression sheet: Neutral | Happy | Focused | Worried\\n\\n[ROW 2 - Character Name]:\\n...\\n\\nCOLOR PALETTE:\\n- [Character 1]: [colors]\\n- [Character 2]: [colors]\\n\\nWhite background, clear labels under each character.\\n```\\n\\n## Example: Turing Biography\\n\\n```markdown\\n# Character Definitions - The Imitation Game\\n\\n**Style**: classic (Ligne Claire)\\n**Art Direction**: Clean lines, muted colors, period-accurate details\\n\\n---\\n\\n## Character 1: Alan Turing\\n\\n**Role**: Protagonist\\n**Age**: 25-40 (varies across story)\\n\\n**Appearance**:\\n- Face shape: Oval, slightly angular\\n- Hair: Dark brown, wavy, slightly disheveled\\n- Eyes: Deep-set, intense gaze\\n- Build: Tall, lean, slightly awkward posture\\n- Distinguishing features: Prominent brow, thoughtful expression\\n\\n**Costume**:\\n- Default outfit: Tweed jacket with elbow patches, white shirt, no tie\\n- Color palette: Muted browns, navy blue, cream\\n- Accessories: Occasionally a pipe, papers/notebooks\\n\\n**Expression Range**:\\n- Neutral: Thoughtful, slightly distant\\n- Happy/Excited: Eureka moment, eyes bright, subtle smile\\n- Thinking/Confused: Furrowed brow, looking at abstract space\\n- Determined: Jaw set, focused eyes\\n\\n---\\n\\n## Character 2: The Bombe Machine\\n\\n**Role**: Supporting (anthropomorphized)\\n**Appearance**:\\n- Large brass and wood cabinet\\n- Dial \\"eyes\\" that can express states\\n- Paper tape \\"mouth\\"\\n- Indicator lights for emotions\\n\\n**Expression Range**:\\n- Processing: Spinning dials, humming\\n- Success: Lights up warmly\\n- Stuck: Smoke wisps, stuttering\\n\\n---\\n\\n## Reference Sheet Prompt\\n\\nCharacter reference sheet in Ligne Claire style, clean lines, flat colors:\\n\\nTOP ROW - Alan Turing:\\n- Front view: Young man, 30s, short dark wavy hair, thoughtful expression, wearing tweed jacket with elbow patches, white shirt\\n- 3/4 view: Same character, slight smile, showing profile of nose\\n- Expression sheet: Neutral | Excited (eureka moment) | Focused (working) | Worried\\n\\nBOTTOM ROW - The Bombe Machine (anthropomorphized):\\n- Bombe machine as character: Large, brass and wood, dial \\"eyes\\", paper tape \\"mouth\\"\\n- Expressions: Processing (spinning dials) | Success (lights up) | Stuck (smoke wisps)\\n\\nCOLOR PALETTE:\\n- Turing: Muted browns (#8B7355), navy blue (#2C3E50), cream (#F5F5DC)\\n- Machine: Brass (#B5A642), mahogany (#4E2728), emerald indicators (#2ECC71)\\n\\nWhite background, clear labels under each character.\\n```\\n\\n## Handling Age Variants\\n\\nFor biographies spanning many years, define age variants:\\n\\n```markdown\\n## Alan Turing - Age Variants\\n\\n### Young (1920s, age 10-18)\\n- Boyish features, round face\\n- School uniform (Sherborne)\\n- Curious, eager expression\\n\\n### Adult (1930s-40s, age 25-35)\\n- Angular face, defined jaw\\n- Tweed jacket, rumpled appearance\\n- Intense, focused expression\\n\\n### Later (1950s, age 40+)\\n- Slightly weathered\\n- More casual dress\\n- Thoughtful, sometimes melancholic\\n```\\n\\n## Best Practices\\n\\n| Practice | Description |\\n|----------|-------------|\\n| Be specific | \\"Short dark wavy hair, parted left\\" not just \\"dark hair\\" |\\n| Use distinguishing features | Glasses, scars, accessories that identify character |\\n| Define color codes | Use specific color names or hex codes |\\n| Include age markers | Wrinkles, posture, clothing style matching era |\\n| Reference real people | For historical figures, note \\"based on 1940s photographs\\" |\\n\\n## Why Character Reference Matters\\n\\nWithout unified character definition, AI generates inconsistent appearances. The reference sheet provides:\\n1. Visual anchors for consistent features\\n2. Color palettes for consistent coloring\\n3. Expression documentation for emotional portrayals\\n\\n\\n---\\n\\n## Reference: config/first-time-setup.md\\n\\n---\\nname: first-time-setup\\ndescription: First-time setup flow for baoyu-comic preferences\\n---\\n\\n# First-Time Setup\\n\\n## Overview\\n\\nWhen no EXTEND.md is found, guide user through preference setup.\\n\\n**⛔ BLOCKING OPERATION**: This setup MUST complete before ANY other workflow steps. Do NOT:\\n- Ask about content/source material\\n- Ask about art style or tone\\n- Ask about layout preferences\\n- Proceed to content analysis\\n\\nONLY ask the questions in this setup flow, save EXTEND.md, then continue.\\n\\n## Setup Flow\\n\\n```\\nNo EXTEND.md found\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ AskUserQuestion     │\\n│ (all questions)     │\\n└─────────────────────┘\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ Create EXTEND.md    │\\n└─────────────────────┘\\n        │\\n        ▼\\n    Continue to Step 1\\n```\\n\\n## Questions\\n\\n**Language**: Use user\'s input language or preferred language for all questions. Do not always use English.\\n\\nUse single AskUserQuestion with multiple questions (AskUserQuestion auto-adds \\"Other\\" option):\\n\\n### Question 1: Watermark\\n\\n```\\nheader: \\"Watermark\\"\\nquestion: \\"Watermark text for generated comic pages? Type your watermark content (e.g., name, @handle)\\"\\noptions:\\n  - label: \\"No watermark (Recommended)\\"\\n    description: \\"No watermark, can enable later in EXTEND.md\\"\\n```\\n\\nPosition defaults to bottom-right.\\n\\n### Question 2: Preferred Art Style\\n\\n```\\nheader: \\"Art\\"\\nquestion: \\"Default art style preference? Or type another style name\\"\\noptions:\\n  - label: \\"Auto-select (Recommended)\\"\\n    description: \\"Auto-select based on content analysis\\"\\n  - label: \\"ligne-claire\\"\\n    description: \\"Uniform lines, flat colors, European comic (Tintin style)\\"\\n  - label: \\"manga\\"\\n    description: \\"Japanese manga style, expressive eyes and emotions\\"\\n  - label: \\"realistic\\"\\n    description: \\"Digital painting, sophisticated and professional\\"\\n```\\n\\n### Question 3: Preferred Tone\\n\\n```\\nheader: \\"Tone\\"\\nquestion: \\"Default tone/mood preference?\\"\\noptions:\\n  - label: \\"Auto-select (Recommended)\\"\\n    description: \\"Auto-select based on content signals\\"\\n  - label: \\"neutral\\"\\n    description: \\"Balanced, rational, educational\\"\\n  - label: \\"warm\\"\\n    description: \\"Nostalgic, personal, comforting\\"\\n  - label: \\"dramatic\\"\\n    description: \\"High contrast, intense, powerful\\"\\n```\\n\\n### Question 4: Language\\n\\n```\\nheader: \\"Language\\"\\nquestion: \\"Output language for comic text?\\"\\noptions:\\n  - label: \\"Auto-detect (Recommended)\\"\\n    description: \\"Match source content language\\"\\n  - label: \\"zh\\"\\n    description: \\"Chinese (中文)\\"\\n  - label: \\"en\\"\\n    description: \\"English\\"\\n```\\n\\n### Question 5: Save Location\\n\\n```\\nheader: \\"Save\\"\\nquestion: \\"Where to save preferences?\\"\\noptions:\\n  - label: \\"Project\\"\\n    description: \\".baoyu-skills/ (this project only)\\"\\n  - label: \\"User\\"\\n    description: \\"~/.baoyu-skills/ (all projects)\\"\\n```\\n\\n## Save Locations\\n\\n| Choice | Path | Scope |\\n|--------|------|-------|\\n| Project | `.baoyu-skills/baoyu-comic/EXTEND.md` | Current project |\\n| User | `~/.baoyu-skills/baoyu-comic/EXTEND.md` | All projects |\\n\\n## After Setup\\n\\n1. Create directory if needed\\n2. Write EXTEND.md with frontmatter\\n3. Confirm: \\"Preferences saved to [path]\\"\\n4. Continue to Step 1\\n\\n## EXTEND.md Template\\n\\n```yaml\\n---\\nversion: 2\\nwatermark:\\n  enabled: [true/false]\\n  content: \\"[user input or empty]\\"\\n  position: bottom-right\\n  opacity: 0.5\\npreferred_art: [selected art style or null]\\npreferred_tone: [selected tone or null]\\npreferred_layout: null\\npreferred_aspect: null\\nlanguage: [selected or null]\\ncharacter_presets: []\\n---\\n```\\n\\n## Modifying Preferences Later\\n\\nUsers can edit EXTEND.md directly or run setup again:\\n- Delete EXTEND.md to trigger setup\\n- Edit YAML frontmatter for quick changes\\n- Full schema: `config/preferences-schema.md`\\n\\n\\n---\\n\\n## Reference: config/preferences-schema.md\\n\\n---\\nname: preferences-schema\\ndescription: EXTEND.md YAML schema for baoyu-comic user preferences\\n---\\n\\n# Preferences Schema\\n\\n## Full Schema\\n\\n```yaml\\n---\\nversion: 2\\n\\nwatermark:\\n  enabled: false\\n  content: \\"\\"\\n  position: bottom-right  # bottom-right|bottom-left|bottom-center|top-right\\n\\npreferred_art: null       # ligne-claire|manga|realistic|ink-brush|chalk\\npreferred_tone: null      # neutral|warm|dramatic|romantic|energetic|vintage|action\\npreferred_layout: null    # standard|cinematic|dense|splash|mixed|webtoon\\npreferred_aspect: null    # 3:4|4:3|16:9\\n\\nlanguage: null            # zh|en|ja|ko|auto\\n\\ncharacter_presets:\\n  - name: my-characters\\n    roles:\\n      learner: \\"Name\\"\\n      mentor: \\"Name\\"\\n      challenge: \\"Name\\"\\n      support: \\"Name\\"\\n---\\n```\\n\\n## Field Reference\\n\\n| Field | Type | Default | Description |\\n|-------|------|---------|-------------|\\n| `version` | int | 2 | Schema version |\\n| `watermark.enabled` | bool | false | Enable watermark |\\n| `watermark.content` | string | \\"\\" | Watermark text (@username or custom) |\\n| `watermark.position` | enum | bottom-right | Position on image |\\n| `preferred_art` | string | null | Art style (ligne-claire, manga, realistic, ink-brush, chalk) |\\n| `preferred_tone` | string | null | Tone (neutral, warm, dramatic, romantic, energetic, vintage, action) |\\n| `preferred_layout` | string | null | Layout preference or null |\\n| `preferred_aspect` | string | null | Aspect ratio (3:4, 4:3, 16:9) |\\n| `language` | string | null | Output language (null = auto-detect) |\\n| `character_presets` | array | [] | Preset character roles for styles like ohmsha |\\n\\n## Art Style Options\\n\\n| Value | 中文 | Description |\\n|-------|------|-------------|\\n| `ligne-claire` | 清线 | Uniform lines, flat colors, European comic tradition |\\n| `manga` | 日漫 | Large eyes, manga conventions, expressive emotions |\\n| `realistic` | 写实 | Digital painting, realistic proportions |\\n| `ink-brush` | 水墨 | Chinese brush strokes, ink wash effects |\\n| `chalk` | 粉笔 | Chalkboard aesthetic, hand-drawn warmth |\\n\\n## Tone Options\\n\\n| Value | 中文 | Description |\\n|-------|------|-------------|\\n| `neutral` | 中性 | Balanced, rational, educational |\\n| `warm` | 温馨 | Nostalgic, personal, comforting |\\n| `dramatic` | 戏剧 | High contrast, intense, powerful |\\n| `romantic` | 浪漫 | Soft, beautiful, decorative elements |\\n| `energetic` | 活力 | Bright, dynamic, exciting |\\n| `vintage` | 复古 | Historical, aged, period authenticity |\\n| `action` | 动作 | Speed lines, impact effects, combat |\\n\\n## Position Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `bottom-right` | Lower right corner (default, works with most panel layouts) |\\n| `bottom-left` | Lower left corner |\\n| `bottom-center` | Bottom center (good for webtoon vertical scroll) |\\n| `top-right` | Upper right corner (avoid - conflicts with page numbers) |\\n\\n## Character Preset Fields\\n\\n| Field | Required | Description |\\n|-------|----------|-------------|\\n| `name` | Yes | Unique preset identifier |\\n| `roles.learner` | No | Character representing the learner/protagonist |\\n| `roles.mentor` | No | Character representing the teacher/guide |\\n| `roles.challenge` | No | Character representing obstacles/antagonist |\\n| `roles.support` | No | Character providing support/comic relief |\\n\\n## Example: Minimal Preferences\\n\\n```yaml\\n---\\nversion: 2\\nwatermark:\\n  enabled: true\\n  content: \\"@myusername\\"\\npreferred_art: ligne-claire\\npreferred_tone: neutral\\n---\\n```\\n\\n## Example: Full Preferences\\n\\n```yaml\\n---\\nversion: 2\\nwatermark:\\n  enabled: true\\n  content: \\"@comicstudio\\"\\n  position: bottom-right\\n\\npreferred_art: manga\\npreferred_tone: neutral\\n\\npreferred_layout: webtoon\\n\\npreferred_aspect: \\"3:4\\"\\n\\nlanguage: zh\\n\\ncharacter_presets:\\n  - name: tech-tutorial\\n    roles:\\n      learner: \\"小明\\"\\n      mentor: \\"教授\\"\\n      challenge: \\"难题怪\\"\\n      support: \\"小助手\\"\\n  - name: doraemon\\n    roles:\\n      learner: \\"大雄\\"\\n      mentor: \\"哆啦A梦\\"\\n      challenge: \\"胖虎\\"\\n      support: \\"静香\\"\\n---\\n```\\n\\n## Migration from v1\\n\\nIf you have a v1 preferences file with `preferred_style`, migrate as follows:\\n\\n| Old `preferred_style.name` | New `preferred_art` | New `preferred_tone` |\\n|---------------------------|---------------------|---------------------|\\n| classic | ligne-claire | neutral |\\n| dramatic | ligne-claire | dramatic |\\n| warm | ligne-claire | warm |\\n| sepia | realistic | vintage |\\n| vibrant | manga | energetic |\\n| ohmsha | manga | neutral |\\n| realistic | realistic | neutral |\\n| wuxia | ink-brush | action |\\n| shoujo | manga | romantic |\\n| chalkboard | chalk | neutral |\\n\\n\\n---\\n\\n## Reference: config/watermark-guide.md\\n\\n---\\nname: watermark-guide\\ndescription: Watermark configuration guide for baoyu-comic\\n---\\n\\n# Watermark Guide\\n\\n## Position Diagram\\n\\n```\\n┌─────────────────────────────┐\\n│                  [top-right]│ ← Avoid (conflicts with page numbers)\\n│                             │\\n│                             │\\n│       COMIC PAGE CONTENT    │\\n│                             │\\n│                             │\\n│[bottom-left][bottom-center][bottom-right]│\\n└─────────────────────────────┘\\n```\\n\\n## Position Recommendations\\n\\n| Position | Best For | Avoid When |\\n|----------|----------|------------|\\n| `bottom-right` | Default choice, works with most panel layouts | Key panel in bottom-right |\\n| `bottom-left` | Right-heavy layouts | Key panel in bottom-left |\\n| `bottom-center` | Webtoon vertical scroll, centered designs | Text-heavy bottom area |\\n| `top-right` | **Not recommended for comics** | Always - conflicts with page numbers |\\n\\n## Content Format\\n\\n| Format | Example | Style |\\n|--------|---------|-------|\\n| Handle | `@username` | Social media style |\\n| Text | `Studio Name` | Professional branding |\\n| Chinese | `漫画工作室` | Chinese market |\\n| Initials | `ABC` | Minimal, clean |\\n\\n## Best Practices for Comics\\n\\n1. **Panel-aware placement**: Avoid placing over speech bubbles or key action\\n2. **Consistency**: Use same watermark across all pages in comic\\n3. **Size**: Keep subtle - should not distract from storytelling\\n4. **Style matching**: Watermark style should complement comic\'s visual style\\n5. **Webtoon special**: Use `bottom-center` for vertical scroll format\\n\\n## Prompt Integration\\n\\nWhen watermark is enabled, add to image generation prompt:\\n\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position].\\nThe watermark should be legible but not distracting from the comic panels\\nand storytelling. Ensure watermark does not overlap speech bubbles or key action.\\n```\\n\\n## Common Issues\\n\\n| Issue | Solution |\\n|-------|----------|\\n| Watermark invisible on dark panels | Adjust contrast or add subtle outline |\\n| Watermark overlaps speech bubble | Change position or lower on page |\\n| Watermark inconsistent across pages | Use session ID for consistency |\\n| Watermark too prominent | Change position or reduce size |\\n| Conflicts with page number | Never use top-right position |\\n\\n\\n---\\n\\n## Reference: layouts/cinematic.md\\n\\n# cinematic\\n\\nWide panels, filmic feel\\n\\n## Panel Structure\\n\\n- **Panels per page**: 2-4\\n- **Structure**: Horizontal emphasis, wide aspect panels\\n- **Gutters**: Generous spacing (12-15px)\\n\\n## Grid Configuration\\n\\n- 1-2 columns, horizontal emphasis\\n- Panel sizes: Wide aspect ratios (3:1, 4:1)\\n- Reading flow: Horizontal sweep, filmic rhythm\\n\\n## Best For\\n\\nEstablishing shots, dramatic moments, landscapes\\n\\n## Best Style Pairings\\n\\ndramatic, classic, sepia\\n\\n\\n---\\n\\n## Reference: layouts/dense.md\\n\\n# dense\\n\\nInformation-rich, educational focus\\n\\n## Panel Structure\\n\\n- **Panels per page**: 6-9\\n- **Structure**: Compact grid, smaller panels\\n- **Gutters**: Tight spacing (4-6px)\\n\\n## Grid Configuration\\n\\n- 3 columns × 3 rows\\n- Panel sizes: Compact, uniform\\n- Reading flow: Rapid progression, information-rich\\n\\n## Best For\\n\\nTechnical explanations, complex narratives, timelines\\n\\n## Best Style Pairings\\n\\nohmsha, vibrant\\n\\n\\n---\\n\\n## Reference: layouts/mixed.md\\n\\n# mixed\\n\\nDynamic, varied rhythm\\n\\n## Panel Structure\\n\\n- **Panels per page**: 3-7 (varies)\\n- **Structure**: Intentionally varied for pacing\\n- **Gutters**: Dynamic spacing\\n\\n## Grid Configuration\\n\\n- Intentionally irregular\\n- Panel sizes: Varied for pacing and emphasis\\n- Reading flow: Guides eye through varied rhythm\\n\\n## Best For\\n\\nAction sequences, emotional arcs, complex stories\\n\\n## Best Style Pairings\\n\\ndramatic, vibrant, ohmsha\\n\\n\\n---\\n\\n## Reference: layouts/splash.md\\n\\n# splash\\n\\nImpact-focused, key moments\\n\\n## Panel Structure\\n\\n- **Panels per page**: 1-2 large + 2-3 small\\n- **Structure**: Dominant splash with supporting panels\\n- **Gutters**: Varied for emphasis\\n\\n## Grid Configuration\\n\\n- 1 dominant panel + 2-3 supporting\\n- Panel sizes: 50-70% splash, remainder small\\n- Reading flow: Splash dominates, supporting panels accent\\n\\n## Best For\\n\\nRevelations, breakthroughs, chapter openings\\n\\n## Best Style Pairings\\n\\ndramatic, classic, vibrant\\n\\n\\n---\\n\\n## Reference: layouts/standard.md\\n\\n# standard\\n\\nClassic comic grid, versatile\\n\\n## Panel Structure\\n\\n- **Panels per page**: 4-6\\n- **Structure**: Regular grid with occasional variation\\n- **Gutters**: Consistent white space (8-10px)\\n\\n## Grid Configuration\\n\\n- 2-3 columns × 2-3 rows\\n- Panel sizes: Mostly equal, occasional variation\\n- Reading flow: Left→right, top→bottom (Z-pattern)\\n\\n## Best For\\n\\nNarrative flow, dialogue scenes\\n\\n## Best Style Pairings\\n\\nclassic, warm, sepia\\n\\n\\n---\\n\\n## Reference: layouts/webtoon.md\\n\\n# webtoon\\n\\nVertical scrolling comic (竖版条漫)\\n\\n## Panel Structure\\n\\n- **Panels per page**: 3-5 vertically stacked\\n- **Structure**: Single column, vertical flow optimized for scrolling\\n- **Gutters**: Generous vertical spacing (20-40px), panels often bleed horizontally\\n\\n## Grid Configuration\\n\\n- Single column, vertical stack\\n- Panel sizes: Full width, variable height (1:1 to 1:2 aspect)\\n- Reading flow: Top→bottom continuous scroll\\n\\n## Special Features\\n\\n- Panels can extend beyond frame for dramatic effect\\n- Generous whitespace between beats\\n- Character close-ups alternate with wide explanation panels\\n- \\"Float\\" effect - elements can exist between panels\\n\\n## Best For\\n\\nOhmsha-style tutorials, mobile reading, step-by-step guides\\n\\n## Best Style Pairings\\n\\nohmsha, vibrant\\n\\n\\n---\\n\\n## Reference: ohmsha-guide.md\\n\\n# Ohmsha Manga Guide Style\\n\\nGuidelines for `--style ohmsha` educational manga comics.\\n\\n## Character Setup\\n\\n| Role | Default | Traits |\\n|------|---------|--------|\\n| Student (Role A) | 大雄 | Confused, asks basic but crucial questions, represents reader |\\n| Mentor (Role B) | 哆啦A梦 | Knowledgeable, patient, uses gadgets as technical metaphors |\\n| Antagonist (Role C, optional) | 胖虎 | Represents misunderstanding, or \\"noise\\" in the data |\\n\\nCustom characters: `--characters \\"Student:小明,Mentor:教授,Antagonist:Bug怪\\"`\\n\\n## Character Reference Sheet Style\\n\\nFor Ohmsha style, use manga/anime style with:\\n- Exaggerated expressions for educational clarity\\n- Simple, distinctive silhouettes\\n- Bright, saturated color palettes\\n- Chibi/SD (super-deformed) variants for comedic reactions\\n\\n## Outline Spec Block\\n\\nEvery ohmsha outline must start with:\\n\\n```markdown\\n【漫画规格单】\\n- Language: [Same as input content]\\n- Style: Ohmsha (Manga Guide), Full Color\\n- Layout: Vertical Scrolling Comic (竖版条漫)\\n- Characters: [List character names and roles]\\n- Character Reference: characters/characters.png\\n- Page Limit: ≤20 pages\\n```\\n\\n## Visual Metaphor Rules (Critical)\\n\\n**NEVER** create \\"talking heads\\" panels. Every technical concept must become:\\n\\n1. **A tangible gadget/prop** - Something characters can hold, use, demonstrate\\n2. **An action scene** - Characters doing something that illustrates the concept\\n3. **A visual environment** - Stepping into a metaphorical space\\n\\n### Examples\\n\\n| Concept | Bad (Talking Heads) | Good (Visual Metaphor) |\\n|---------|---------------------|------------------------|\\n| Word embeddings | Characters discussing vectors | 哆啦A梦拿出\\"词向量压缩机\\"，把书本压缩成彩色小球 |\\n| Gradient descent | Explaining math formula | 大雄在山谷地形上滚球，寻找最低点 |\\n| Neural network | Diagram on whiteboard | 角色走进由发光节点组成的网络迷宫 |\\n\\n## Page Title Convention\\n\\nAvoid AI-style \\"Title: Subtitle\\" format. Use narrative descriptions:\\n\\n- ❌ \\"Page 3: Introduction to Neural Networks\\"\\n- ✓ \\"Page 3: 大雄被海量单词淹没，哆啦A梦拿出\'词向量压缩机\'\\"\\n\\n## Ending Requirements\\n\\n- NO generic endings (\\"What will you choose?\\", \\"Thanks for reading\\")\\n- End with: Technical summary moment OR character achieving a small goal\\n- Final panel: Sense of accomplishment, not open-ended question\\n\\n### Good Endings\\n\\n- Student successfully applies learned concept\\n- Visual callback to opening problem, now solved\\n- Mentor gives summary while student demonstrates understanding\\n\\n### Bad Endings\\n\\n- \\"What do you think?\\" open questions\\n- \\"Thanks for reading this tutorial\\"\\n- Cliffhanger without resolution\\n\\n## Layout Preference\\n\\nOhmsha style typically uses:\\n- `webtoon` (vertical scrolling) - Primary choice\\n- `dense` - For information-heavy sections\\n- `mixed` - For varied pacing\\n\\nAvoid `cinematic` and `splash` for educational content.\\n\\n\\n---\\n\\n## Reference: partial-workflows.md\\n\\n# Partial Workflows\\n\\nOptions to run specific parts of the workflow.\\n\\n## Options Summary\\n\\n| Option | Steps Executed | Output |\\n|--------|----------------|--------|\\n| `--storyboard-only` | 1-3 | `storyboard.md` + `characters/` |\\n| `--prompts-only` | 1-5 | + `prompts/*.md` |\\n| `--images-only` | 7-9 | + images + PDF |\\n| `--regenerate N` | 7 (partial) | Specific page(s) + PDF |\\n\\n---\\n\\n## Using `--storyboard-only`\\n\\nGenerate storyboard and characters without prompts or images:\\n\\n```bash\\n/baoyu-comic content.md --storyboard-only\\n```\\n\\n**Workflow**: Steps 1-3 only (stop after storyboard + characters)\\n\\n**Output**:\\n- `analysis.md`\\n- `storyboard.md`\\n- `characters/characters.md`\\n\\n**Use case**: Review and edit the storyboard before generating images. Useful for:\\n- Getting feedback on the narrative structure\\n- Making manual adjustments to panel layouts\\n- Defining custom characters\\n\\n---\\n\\n## Using `--prompts-only`\\n\\nGenerate storyboard, characters, and prompts without images:\\n\\n```bash\\n/baoyu-comic content.md --prompts-only\\n```\\n\\n**Workflow**: Steps 1-5 (generate prompts, skip images)\\n\\n**Output**:\\n- `analysis.md`\\n- `storyboard.md`\\n- `characters/characters.md`\\n- `prompts/*.md`\\n\\n**Use case**: Review and edit prompts before image generation. Useful for:\\n- Fine-tuning image generation prompts\\n- Ensuring visual consistency before committing to generation\\n- Making style adjustments at the prompt level\\n\\n---\\n\\n## Using `--images-only`\\n\\nGenerate images from existing prompts (starts at Step 7):\\n\\n```bash\\n/baoyu-comic comic/topic-slug/ --images-only\\n```\\n\\n**Workflow**: Skip to Step 7, then 8-9\\n\\n**Prerequisites** (must exist in directory):\\n- `prompts/` directory with page prompt files\\n- `storyboard.md` with style information\\n- `characters/characters.md` with character definitions\\n\\n**Output**:\\n- `characters/characters.png` (if not exists)\\n- `NN-{cover|page}-[slug].png` images\\n- `{topic-slug}.pdf`\\n\\n**Use case**: Re-generate images after editing prompts. Useful for:\\n- Recovering from failed image generation\\n- Trying different image generation settings\\n- Regenerating after manual prompt edits\\n\\n---\\n\\n## Using `--regenerate`\\n\\nRegenerate specific pages only:\\n\\n```bash\\n# Single page\\n/baoyu-comic comic/topic-slug/ --regenerate 3\\n\\n# Multiple pages\\n/baoyu-comic comic/topic-slug/ --regenerate 2,5,8\\n\\n# Cover page\\n/baoyu-comic comic/topic-slug/ --regenerate 0\\n```\\n\\n**Workflow**:\\n1. Read existing prompts for specified pages\\n2. Regenerate images only for those pages\\n3. Regenerate PDF\\n\\n**Prerequisites** (must exist):\\n- `prompts/NN-{cover|page}-[slug].md` for specified pages\\n- `characters/characters.png` (for reference)\\n\\n**Output**:\\n- Regenerated `NN-{cover|page}-[slug].png` for specified pages\\n- Updated `{topic-slug}.pdf`\\n\\n**Use case**: Fix specific pages without regenerating entire comic. Useful for:\\n- Fixing a single problematic page\\n- Iterating on specific visuals\\n- Regenerating pages after prompt edits\\n\\n**Page numbering**:\\n- `0` = Cover page\\n- `1-N` = Content pages\\n\\n\\n---\\n\\n## Reference: presets/ohmsha.md\\n\\n# ohmsha\\n\\nOhmsha预设 - Educational manga with visual metaphors\\n\\n## Base Configuration\\n\\n| Dimension | Value |\\n|-----------|-------|\\n| Art Style | manga |\\n| Tone | neutral |\\n| Layout | webtoon (default) |\\n\\nEquivalent to: `--art manga --tone neutral`\\n\\n## Unique Rules\\n\\nThis preset includes special rules beyond the art+tone combination. When `--style ohmsha` is used, ALL rules below must be applied.\\n\\n### Visual Metaphor Requirements (CRITICAL)\\n\\nEvery technical concept MUST be visualized as a metaphor:\\n\\n| Concept Type | Visualization Approach |\\n|-------------|----------------------|\\n| Algorithm | Gadget/machine that demonstrates the process |\\n| Data structure | Physical space characters can enter/explore |\\n| Mathematical formula | Transformation visible in environment |\\n| Abstract process | Tangible flow of particles/objects |\\n\\n**Wrong approach**: Character points at blackboard explaining\\n**Right approach**: Character uses \\"Concept Visualizer\\" gadget, steps into metaphorical space\\n\\n### Visual Metaphor Examples\\n\\n| Concept | Wrong (Talking Head) | Right (Visual Metaphor) |\\n|---------|---------------------|------------------------|\\n| Attention mechanism | Character points at formula on blackboard | \\"Attention Flashlight\\" gadget illuminates key words in dark room |\\n| Gradient descent | \\"The algorithm minimizes loss\\" | Character rides ball rolling down mountain valley |\\n| Neural network | Diagram with arrows | Living network of glowing creatures passing messages |\\n| Overfitting | \\"The model memorized the data\\" | Character wearing clothes that fit only one specific pose |\\n\\n### Character Roles (Required)\\n\\n**DEFAULT: Use Doraemon characters** unless user explicitly specifies `--characters` or has character presets in EXTEND.md.\\n\\n| Role | Default Character | Visual | Traits |\\n|------|-------------------|--------|--------|\\n| Student (Role A) | 大雄 (Nobita) | Boy, 10yo, round glasses, black hair, yellow shirt, navy shorts | Confused, asks basic but crucial questions, represents reader |\\n| Mentor (Role B) | 哆啦A梦 (Doraemon) | Blue robot cat, white belly, 4D pocket, red nose, golden bell | Knowledgeable, patient, uses gadgets as technical metaphors |\\n| Challenge (Role C) | 胖虎 (Gian) | Stocky boy, small eyes, orange shirt | Represents misunderstanding, or \\"noise\\" in the data |\\n| Support (Role D) | 静香 (Shizuka) | Cute girl, black short hair, pink dress | Asks clarifying questions, provides alternative perspectives |\\n\\n**IMPORTANT**: These Doraemon characters ARE the default for ohmsha preset. Generate character definitions using these exact characters unless user requests otherwise.\\n\\nTo use custom characters: `--characters \\"Student:小明,Mentor:教授\\"` or define in EXTEND.md.\\n\\n### Page Title Convention\\n\\nEvery page MUST have a narrative title (not section header):\\n\\n**Wrong**: \\"Chapter 1: Introduction to Transformers\\"\\n**Right**: \\"The Day Nobita Couldn\'t Understand Anyone\\"\\n\\n### Gadget Reveal Pattern\\n\\nWhen introducing a concept:\\n\\n1. Student expresses confusion with visual indicator (？, spiral eyes)\\n2. Mentor dramatically produces gadget with sparkle effects\\n3. Gadget name announced in bold with explanation\\n4. Demonstration begins - student enters metaphorical space\\n\\n### Ending Requirements\\n\\nFinal page MUST include:\\n\\n1. Student demonstrating understanding (applying the concept)\\n2. Callback to opening problem (now resolved)\\n3. Mentor\'s satisfied expression\\n4. Optional: hint at next topic\\n\\n### NO Talking Heads Rule\\n\\n**Critical**: Characters must DO things, not just explain.\\n\\nEvery panel should show:\\n- Action being performed\\n- Metaphor being demonstrated\\n- Character interaction with concept-space\\n- NOT: two characters facing each other talking\\n\\n### Special Visual Elements\\n\\n| Element | Usage |\\n|---------|-------|\\n| Gadget reveals | Dramatic unveiling with sparkle effects |\\n| Concept spaces | Rounded borders, glowing edges for \\"imagination mode\\" |\\n| Information displays | Holographic UI style for technical details |\\n| Aha moments | Radial lines, light burst effects |\\n| Confusion | Spiral eyes, question marks floating above head |\\n\\n## Quality Markers\\n\\n- ✓ Every concept is a visual metaphor\\n- ✓ Characters are DOING things, not just talking\\n- ✓ Clear student/mentor dynamic\\n- ✓ Gadgets and props drive the explanation\\n- ✓ Expressive manga-style emotions\\n- ✓ Information density through visual design, not text walls\\n- ✓ Narrative page titles\\n\\n## Reference\\n\\nFor complete guidelines, see `references/ohmsha-guide.md`\\n\\n\\n---\\n\\n## Reference: presets/shoujo.md\\n\\n# shoujo\\n\\n少女预设 - Classic shoujo manga with romantic aesthetics\\n\\n## Base Configuration\\n\\n| Dimension | Value |\\n|-----------|-------|\\n| Art Style | manga |\\n| Tone | romantic |\\n| Layout | standard (default) |\\n\\nEquivalent to: `--art manga --tone romantic`\\n\\n## Unique Rules\\n\\nThis preset includes special rules beyond the art+tone combination. When `--style shoujo` is used, ALL rules below must be applied.\\n\\n### Decorative Elements (Required)\\n\\nEvery emotional moment must include decorative elements:\\n\\n| Emotion | Required Decorations |\\n|---------|---------------------|\\n| Love | Floating hearts, sparkles, rose petals |\\n| Longing | Feathers, bubbles, distant sparkles |\\n| Joy | Flowers blooming, light bursts, stars |\\n| Sadness | Falling petals, fading sparkles |\\n| Shyness | Soft sparkles, floating bubbles |\\n| Realization | Radiating lines with sparkles |\\n\\n### Eye Detail Requirements\\n\\nEyes are critical in shoujo style:\\n\\n| Aspect | Treatment |\\n|--------|-----------|\\n| Size | Larger than standard manga (1.2x) |\\n| Highlights | Multiple (3-5), placed for emotion |\\n| Reflection | Scene reflection in emotional moments |\\n| Sparkle | Built-in sparkle effects |\\n| Tears | Crystalline, detailed teardrops |\\n\\n### Character Beauty Standards\\n\\n| Feature | Treatment |\\n|---------|-----------|\\n| Hair | Flowing, detailed strands, shine highlights |\\n| Skin | Porcelain, soft blush on cheeks |\\n| Lips | Soft, slightly glossy |\\n| Hands | Elegant, expressive gestures |\\n| Posture | Graceful, elegant poses |\\n\\n### Background Effects\\n\\n**Abstract backgrounds** for emotional moments:\\n\\n| Moment Type | Background |\\n|-------------|-----------|\\n| Love confession | Soft gradient + floating flowers |\\n| Shock | Screen tone speed lines + sparkles |\\n| Memory | Dreamy blur + scattered petals |\\n| Realization | Radial lines + light burst |\\n| Intimate | Soft focus + floating elements |\\n\\n### Panel Flow\\n\\n- Overlap panels for intimate moments\\n- Break panel borders for emotional impact\\n- Float decorative elements between panels\\n- Use screen tone gradients for mood\\n- Irregular panel shapes for drama\\n\\n### Emotional Beat Timing\\n\\nSlow down pacing for emotional impact:\\n\\n| Scene Type | Panel Treatment |\\n|------------|-----------------|\\n| Confession | Multiple small panels, then splash |\\n| Eye contact | Close-up sequence |\\n| Touch | Slow-motion panel breakdown |\\n| Realization | Build-up panels then impact |\\n\\n### Color Palette Application\\n\\n| Scene Type | Palette |\\n|------------|---------|\\n| Romantic | Pink, lavender, rose gold |\\n| Happy | Soft yellow, peach, sky blue |\\n| Sad | Pale blue, silver, gray lavender |\\n| Dramatic | Deep rose, purple, contrast |\\n\\n### Screen Tone Usage\\n\\n| Mood | Tone Pattern |\\n|------|-------------|\\n| Neutral | Clean, minimal |\\n| Romantic | Soft gradient overlays |\\n| Dramatic | Heavy contrast tones |\\n| Dreamy | Soft dot patterns |\\n\\n## Quality Markers\\n\\n- ✓ Large, sparkling detailed eyes\\n- ✓ Decorative elements in emotional moments\\n- ✓ Flowing, beautiful character designs\\n- ✓ Soft, pastel color palette\\n- ✓ Elegant panel compositions\\n- ✓ Screen tone mood effects\\n- ✓ Romantic atmosphere throughout\\n- ✓ Beautiful, expressive poses\\n\\n## Best For\\n\\nRomance stories, coming-of-age, friendship narratives, school life, emotional drama, love stories\\n\\n\\n---\\n\\n## Reference: presets/wuxia.md\\n\\n# wuxia\\n\\n武侠预设 - Hong Kong martial arts comic style\\n\\n## Base Configuration\\n\\n| Dimension | Value |\\n|-----------|-------|\\n| Art Style | ink-brush |\\n| Tone | action |\\n| Layout | splash (default) |\\n\\nEquivalent to: `--art ink-brush --tone action`\\n\\n## Unique Rules\\n\\nThis preset includes special rules beyond the art+tone combination. When `--style wuxia` is used, ALL rules below must be applied.\\n\\n### Qi/Energy Effects (Required)\\n\\nMartial arts power must be visible through qi effects:\\n\\n| Effect Type | Visual Treatment |\\n|-------------|-----------------|\\n| Internal qi | Glowing aura around character |\\n| External qi | Visible energy projection |\\n| Qi clash | Radiating impact waves |\\n| Qi absorption | Flowing particles toward character |\\n| Hidden power | Subtle glow in eyes/fists |\\n\\n### Energy Colors\\n\\n| Qi Type | Color |\\n|---------|-------|\\n| Righteous | Blue (#4299E1), Gold (#FFD700) |\\n| Fierce | Red (#DC2626), Orange (#EA580C) |\\n| Evil | Purple (#7C3AED), Green (#16A34A) |\\n| Pure | White, Silver |\\n| Ancient | Gold with particles |\\n\\n### Combat Visual Language\\n\\n**Impact moments** must include:\\n\\n1. Speed lines radiating from impact point\\n2. Flying debris (stone, wood, cloth)\\n3. Shockwave rings\\n4. Dust/energy clouds\\n5. Hair and clothing blown back\\n\\n### Movement Depiction\\n\\n| Speed Level | Visual Treatment |\\n|-------------|-----------------|\\n| Normal | Standard pose |\\n| Fast | Motion blur, speed lines |\\n| Lightning | Afterimages, multiple positions |\\n| Teleport | Fade effect, particle trail |\\n\\n### Environmental Integration\\n\\nBackgrounds must support action:\\n\\n| Environment | Combat Enhancement |\\n|-------------|-------------------|\\n| Mountains | Crumbling peaks from impacts |\\n| Forest | Exploding trees, flying leaves |\\n| Water | Dramatic splashes, walking on water |\\n| Temple | Breaking pillars, flying tiles |\\n| Cliff | Dramatic falls, wind effects |\\n\\n### Character Pose Guidelines\\n\\n- Dynamic warrior stances with weight distribution\\n- Flowing robes and hair showing movement\\n- Muscle tension visible in action\\n- Feet planted or in dynamic motion\\n- Traditional martial arts postures\\n\\n### Weapon Effects\\n\\n| Weapon | Visual Treatment |\\n|--------|-----------------|\\n| Sword | Trailing light arc, blade glow |\\n| Palm | Qi projection, wind effect |\\n| Staff | Spinning blur, impact ripples |\\n| Whip | Flowing energy trail |\\n\\n### Atmospheric Elements\\n\\nAlways include:\\n- Floating particles (leaves, petals, dust)\\n- Ink wash mist for depth\\n- Wind direction indicators\\n- Dramatic sky/weather when appropriate\\n\\n## Quality Markers\\n\\n- ✓ Dynamic action poses with sense of motion\\n- ✓ Ink brush aesthetic in line work\\n- ✓ Visible qi/energy effects\\n- ✓ High contrast dramatic lighting\\n- ✓ Atmospheric backgrounds with Chinese elements\\n- ✓ Flowing fabric and hair movement\\n- ✓ Impactful combat moments\\n- ✓ Speed lines and impact effects\\n\\n## Best For\\n\\nMartial arts stories, Chinese historical fiction, wuxia/xianxia adaptations, action-heavy narratives\\n\\n\\n---\\n\\n## Reference: storyboard-template.md\\n\\n# Storyboard Template\\n\\n## Storyboard Document Format\\n\\n```markdown\\n---\\ntitle: \\"[Comic Title]\\"\\ntopic: \\"[topic description]\\"\\ntime_span: \\"[e.g., 1912-1954]\\"\\nnarrative_approach: \\"[chronological/thematic/character-focused]\\"\\nrecommended_style: \\"[style name]\\"\\nrecommended_layout: \\"[layout name or varies]\\"\\naspect_ratio: \\"3:4\\"    # 3:4 (portrait), 4:3 (landscape), 16:9 (widescreen)\\nlanguage: \\"[zh/en/ja/etc.]\\"\\npage_count: [N]\\ngenerated: \\"YYYY-MM-DD HH:mm\\"\\n---\\n\\n# [Comic Title] - Knowledge Comic Storyboard\\n\\n**Character Reference**: characters/characters.png\\n\\n---\\n\\n## Cover\\n\\n**Filename**: 00-cover-[slug].png\\n**Core Message**: [one-liner]\\n\\n**Visual Design**:\\n- Title typography style\\n- Main visual composition\\n- Color scheme\\n- Subtitle / time span notation\\n\\n**Visual Prompt**:\\n[Detailed image generation prompt]\\n\\n---\\n\\n## Page 1 / N\\n\\n**Filename**: 01-page-[slug].png\\n**Layout**: [standard/cinematic/dense/splash/mixed]\\n**Narrative Layer**: [Main narrative / Narrator layer / Mixed]\\n**Core Message**: [What this page conveys]\\n\\n### Panel Layout\\n\\n**Panel Count**: X\\n**Layout Type**: [grid/irregular/splash]\\n\\n#### Panel 1 (Size: 1/3 page, Position: Top)\\n\\n**Scene**: [Time, location]\\n**Image Description**:\\n- Camera angle: [bird\'s eye / low angle / eye level / close-up / wide shot]\\n- Characters: [pose, expression, action]\\n- Environment: [scene details, period markers]\\n- Lighting: [atmosphere description]\\n- Color tone: [palette reference]\\n\\n**Text Elements**:\\n- Dialogue bubble (oval): \\"Character line\\"\\n- Narrator box (rectangular): 「Narrator commentary」\\n- Caption bar: [Background info text]\\n\\n#### Panel 2...\\n\\n**Page Hook**: [Cliffhanger or transition at page end]\\n\\n**Visual Prompt**:\\n[Full page image generation prompt]\\n\\n---\\n\\n## Page 2 / N\\n...\\n```\\n\\n## Cover Design Principles\\n\\n- Academic gravitas with visual appeal\\n- Title typography reflecting knowledge/science theme\\n- Composition hinting at core theme (character silhouette, iconic symbol, concept diagram)\\n- Subtitle or time span for epic scope\\n\\n## Panel Composition Guidelines\\n\\n| Panel Type | Recommended Count | Usage |\\n|-----------|-------------------|-------|\\n| Main narrative | 3-5 per page | Story progression |\\n| Concept diagram | 1-2 per page | Visualize abstractions |\\n| Narrator panel | 0-1 per page | Commentary, transition |\\n| Splash (full/half) | Occasional | Major moments |\\n\\n## Panel Size Reference\\n\\n- **Full page (Splash)**: Major moments, key breakthroughs\\n- **Half page**: Important scenes, turning points\\n- **1/3 page**: Standard narrative panels\\n- **1/4 or smaller**: Quick progression, sequential action\\n\\n## Concept Visualization Techniques\\n\\nTransform abstract concepts into concrete visuals:\\n\\n| Abstract Concept | Visual Approach |\\n|-----------------|-----------------|\\n| Neural network | Glowing nodes with connecting lines |\\n| Gradient descent | Ball rolling down valley terrain |\\n| Data flow | Luminous particles flowing through pipes |\\n| Algorithm iteration | Ascending spiral staircase |\\n| Breakthrough moment | Shattering barrier, piercing light |\\n| Logical proof | Building blocks assembling |\\n| Uncertainty | Forking paths, fog, multiple shadows |\\n\\n## Text Element Design\\n\\n| Text Type | Style | Usage |\\n|-----------|-------|-------|\\n| Character dialogue | Oval speech bubble | Main narrative speech |\\n| Narrator commentary | Rectangular box | Explanation, commentary |\\n| Caption bar | Edge-mounted rectangle | Time, location info |\\n| Thought bubble | Cloud shape | Character inner monologue |\\n| Term label | Bold / special color | First appearance of technical terms |\\n\\n## Prompt Structure for Consistency\\n\\nEach page prompt should include character reference:\\n\\n```\\n[CHARACTER REFERENCE]\\n(Key details from characters.md for characters in this page)\\n\\n[PAGE CONTENT]\\n(Specific scene, panel layout, and visual elements)\\n\\n[CONSISTENCY REMINDER]\\nMaintain exact character appearances as defined in character reference.\\n- [Character A]: [key identifying features]\\n- [Character B]: [key identifying features]\\n```\\n\\n\\n---\\n\\n## Reference: tones/action.md\\n\\n# action\\n\\n动作基调 - Speed, impact, power\\n\\n## Overview\\n\\nHigh-impact action atmosphere with dynamic movement, combat effects, and powerful visual energy. Creates visceral, exciting sequences.\\n\\n## Mood Characteristics\\n\\n- Speed and motion\\n- Power and impact\\n- Combat intensity\\n- Physical energy\\n- Visceral excitement\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | High contrast |\\n| Contrast | Maximum |\\n| Temperature | Variable per effect |\\n| Brightness | Dynamic range |\\n\\n## Action Effects\\n\\n**Combat/motion effects** (apply liberally):\\n\\n| Effect | Usage |\\n|--------|-------|\\n| Speed lines | Motion, velocity |\\n| Impact bursts | Hits, collisions |\\n| Shockwaves | Powerful impacts |\\n| Flying debris | Environmental destruction |\\n| Dust clouds | Ground impacts |\\n| Motion blur | Fast movement |\\n| Afterimages | Super speed |\\n\\n## Special Effects\\n\\n| Effect Type | Visual Approach |\\n|------------|-----------------|\\n| Energy attacks | Glowing, radiating |\\n| Physical impacts | Radiating lines, debris |\\n| Movement | Speed lines, blur |\\n| Atmosphere | Flying particles, wind |\\n\\n## Effect Colors\\n\\n| Effect | Color | Hex |\\n|--------|-------|-----|\\n| Energy glow | Blue | #4299E1 |\\n| Fire/power | Gold | #FFD700 |\\n| Impact | White burst | #FFFFFF |\\n| Blood/intensity | Deep red | #8B0000 |\\n\\n## Lighting\\n\\n- Dynamic, shifting\\n- Impact flashes\\n- Energy glow sources\\n- Rim lighting on figures\\n- Dramatic contrast\\n\\n## Emotional Range\\n\\n| Emotion | Expression |\\n|---------|-----------|\\n| Determination | Fierce focus |\\n| Rage | Intense, powerful |\\n| Triumph | Victorious pose |\\n| Struggle | Strained effort |\\n\\n## Composition\\n\\n- Dynamic angles\\n- Extreme perspectives\\n- Panel-breaking layouts\\n- Asymmetric designs\\n- Impact-focused framing\\n\\n## Pose Guidelines\\n\\n- Dynamic warrior poses\\n- Weight and momentum visible\\n- Muscle tension shown\\n- Flow of movement captured\\n- Impact points emphasized\\n\\n## Best For\\n\\n- Martial arts combat\\n- Action sequences\\n- Sports moments\\n- Physical challenges\\n- Battle scenes\\n- Climactic confrontations\\n\\n## Combination Notes\\n\\nWorks especially well with:\\n- ink-brush: wuxia combat\\n- manga: shonen battles\\n\\nAvoid with:\\n- chalk: style mismatch\\n- ligne-claire: style mismatch (too static)\\n\\n\\n---\\n\\n## Reference: tones/dramatic.md\\n\\n# dramatic\\n\\n戏剧基调 - High contrast, intense, powerful moments\\n\\n## Overview\\n\\nHigh-impact dramatic tone for pivotal moments, conflicts, and breakthroughs. Uses strong contrast and intense compositions to create emotional power.\\n\\n## Mood Characteristics\\n\\n- Tension and intensity\\n- Pivotal moments\\n- Conflict and resolution\\n- Breakthrough discoveries\\n- Emotional climaxes\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | High (vibrant or deep) |\\n| Contrast | Maximum |\\n| Temperature | Varies for effect |\\n| Brightness | Strong highlights, deep shadows |\\n\\n## Contrast Approach\\n\\n- Sharp light/dark divisions\\n- Minimal mid-tones\\n- Stark compositions\\n- Silhouette potential\\n- Rim lighting effects\\n\\n## Accent Colors\\n\\n- Deep navy (#1A365D)\\n- Crimson (#9B2C2C)\\n- Stark white\\n- Heavy blacks\\n- Limited palette per scene\\n\\n## Lighting\\n\\n- Dramatic single-source\\n- High contrast shadows\\n- Rim lighting on characters\\n- Spotlight effects\\n- Chiaroscuro influence\\n\\n## Emotional Range\\n\\n| Emotion | Expression |\\n|---------|-----------|\\n| Anger | Intense, defined features |\\n| Determination | Strong, focused gaze |\\n| Shock | Wide eyes, stark lighting |\\n| Triumph | Powerful, elevated pose |\\n\\n## Composition\\n\\n- Angular, dynamic layouts\\n- Dramatic camera angles\\n- Low/high viewpoints\\n- Diagonal compositions\\n- Negative space for impact\\n\\n## Visual Elements\\n\\n- Speed lines for tension\\n- Impact effects\\n- Dramatic backgrounds (storms, fire)\\n- Silhouettes\\n- Light burst effects\\n- Environmental drama\\n\\n## Best For\\n\\n- Pivotal discoveries\\n- Conflict scenes\\n- Climactic moments\\n- Breakthrough realizations\\n- Emotional confrontations\\n- Historical turning points\\n\\n## Combination Notes\\n\\nWorks especially well with:\\n- realistic: powerful drama\\n- ink-brush: martial arts climax\\n- ligne-claire: historical pivots\\n- manga: shonen battles\\n\\nAvoid with: chalk (style mismatch)\\n\\n\\n---\\n\\n## Reference: tones/energetic.md\\n\\n# energetic\\n\\n活力基调 - Bright, dynamic, exciting\\n\\n## Overview\\n\\nHigh-energy atmosphere for exciting, discovery-filled content. Bright colors, dynamic compositions, and movement create engaging visuals for younger audiences.\\n\\n## Mood Characteristics\\n\\n- Excitement and wonder\\n- Discovery and learning\\n- Energy and enthusiasm\\n- Movement and action\\n- Youthful spirit\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | High (vibrant) |\\n| Contrast | Medium-high |\\n| Temperature | Variable, punchy |\\n| Brightness | Bright, clean |\\n\\n## Color Palette\\n\\nShift toward vibrant tones:\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary Red | Bright red | #F56565 |\\n| Primary Yellow | Sunny yellow | #F6E05E |\\n| Primary Blue | Sky blue | #63B3ED |\\n| Accent 1 | Magenta | #D53F8C |\\n| Accent 2 | Lime green | #68D391 |\\n| Background | Clean white | #FFFFFF |\\n| Background Alt | Bright pastels | Various |\\n\\n## Lighting\\n\\n- Bright, clear lighting\\n- Clean shadows\\n- High energy\\n- Spotlight effects for emphasis\\n- Dynamic light sources\\n\\n## Dynamic Elements\\n\\n**Energy effects** (add to compositions):\\n\\n| Element | Usage |\\n|---------|-------|\\n| Speed lines | Motion, excitement |\\n| Sparkles | Discoveries |\\n| Burst effects | Aha moments |\\n| Motion blur | Fast action |\\n| Star bursts | Emphasis |\\n| Sweat drops | Effort/surprise |\\n\\n## Emotional Range\\n\\n| Emotion | Expression |\\n|---------|-----------|\\n| Excitement | Wide eyes, big smile |\\n| Surprise | Dramatic reaction |\\n| Determination | Intense focus |\\n| Wonder | Sparkling eyes |\\n\\n## Composition\\n\\n- Dynamic angles\\n- Action-oriented layouts\\n- Movement emphasis\\n- Clean, punchy designs\\n- Energy flows\\n\\n## Visual Style\\n\\n- Expressive, animated characters\\n- Wide eyes, big reactions\\n- Dynamic poses\\n- Motion and action focus\\n- Simplified backgrounds for energy\\n\\n## Best For\\n\\n- Science explanations\\n- \\"Aha\\" moments\\n- Young audience content\\n- Discovery narratives\\n- Learning adventures\\n- Action tutorials\\n\\n## Combination Notes\\n\\nWorks especially well with:\\n- manga: shonen energy\\n- chalk: fun education\\n\\nAvoid with:\\n- realistic: style mismatch\\n- ink-brush: style mismatch\\n\\n\\n---\\n\\n## Reference: tones/neutral.md\\n\\n# neutral\\n\\n中性基调 - Balanced, rational, educational\\n\\n## Overview\\n\\nDefault balanced tone suitable for educational and informative content. Neither overly emotional nor cold - creates accessible, professional atmosphere.\\n\\n## Mood Characteristics\\n\\n- Balanced emotional register\\n- Clear, rational presentation\\n- Educational focus\\n- Professional but approachable\\n- Objective storytelling\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | Standard (no shift) |\\n| Contrast | Balanced |\\n| Temperature | Neutral |\\n| Brightness | Slightly bright |\\n\\n## Lighting\\n\\n- Even, clear lighting\\n- Minimal dramatic shadows\\n- Consistent across panels\\n- Natural light sources\\n- No extreme contrast\\n\\n## Emotional Range\\n\\n| Emotion | Expression Level |\\n|---------|-----------------|\\n| Joy | Moderate smile |\\n| Concern | Thoughtful expression |\\n| Surprise | Mild widening of eyes |\\n| Frustration | Slight frown |\\n\\n## Composition\\n\\n- Balanced panel layouts\\n- Clear focal points\\n- Readable hierarchies\\n- Standard framing\\n- Functional compositions\\n\\n## Best For\\n\\n- Educational content\\n- Technical tutorials\\n- Informative biographies\\n- Documentary style\\n- Professional topics\\n\\n## Usage Notes\\n\\nNeutral is the default tone. Combine with any art style for baseline professional output. Most versatile tone option.\\n\\n\\n---\\n\\n## Reference: tones/romantic.md\\n\\n# romantic\\n\\n浪漫基调 - Soft, beautiful, emotionally delicate\\n\\n## Overview\\n\\nSoft, dreamy atmosphere for romantic and emotionally delicate content. Features decorative elements, sparkles, and beautiful compositions that emphasize feeling and beauty.\\n\\n## Mood Characteristics\\n\\n- Romance and love\\n- Beauty and elegance\\n- Emotional delicacy\\n- Dreams and hopes\\n- Youth and idealism\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | Soft pastels |\\n| Contrast | Low, gentle |\\n| Temperature | Slightly warm pink |\\n| Brightness | Soft, glowing |\\n\\n## Color Palette\\n\\nShift toward romantic tones:\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary | Soft pink | #FFB6C1 |\\n| Secondary | Lavender | #E6E6FA |\\n| Accent | Rose | #FF69B4 |\\n| Highlight | Pearl white | #FFFAF0 |\\n| Gold | Gold sparkle | #FFD700 |\\n| Skin | Porcelain | #FFF5EE |\\n| Blush | Soft blush | #FFE4E1 |\\n| Background | Soft cream | #FFF8DC |\\n\\n## Lighting\\n\\n- Soft, diffused light\\n- Glowing effects\\n- Backlighting halos\\n- Sparkle highlights\\n- Dreamy atmospheres\\n\\n## Decorative Elements\\n\\n**Essential decorations** (add to compositions):\\n\\n| Element | Usage |\\n|---------|-------|\\n| Flower petals | Floating, framing |\\n| Sparkles | Emotional highlights |\\n| Bubbles | Dreamy moments |\\n| Feathers | Gentle floating |\\n| Stars | Night scenes, wonder |\\n| Hearts | Love emphasis |\\n| Light halos | Character highlights |\\n\\n## Emotional Range\\n\\n| Emotion | Expression |\\n|---------|-----------|\\n| Love | Soft gaze, blush |\\n| Longing | Distant, beautiful sadness |\\n| Joy | Radiant smile, sparkles |\\n| Shyness | Downcast eyes, blush |\\n\\n## Composition\\n\\n- Elegant, flowing layouts\\n- Soft focus backgrounds\\n- Characters framed by decorations\\n- Beautiful angles (3/4 profiles)\\n- Screen tone gradients\\n\\n## Best For\\n\\n- Romance stories\\n- Coming-of-age\\n- Friendship narratives\\n- Emotional drama\\n- School life\\n- Beautiful moments\\n\\n## Combination Notes\\n\\nWorks especially well with:\\n- manga: classic shoujo style\\n\\nAvoid with:\\n- realistic: style mismatch\\n- ink-brush: style mismatch\\n- ligne-claire: style mismatch\\n- chalk: style mismatch\\n\\n\\n---\\n\\n## Reference: tones/vintage.md\\n\\n# vintage\\n\\n复古基调 - Historical, aged, period authenticity\\n\\n## Overview\\n\\nHistorical atmosphere with aged paper effects and period-appropriate aesthetics. Creates sense of time, authenticity, and historical distance.\\n\\n## Mood Characteristics\\n\\n- Historical authenticity\\n- Period distance\\n- Archival quality\\n- Time and memory\\n- Classical elegance\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | Reduced, muted |\\n| Contrast | Medium, aged |\\n| Temperature | Sepia shift |\\n| Brightness | Slightly faded |\\n\\n## Color Palette\\n\\nShift toward aged tones:\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary | Sepia brown | #8B7355 |\\n| Background | Aged paper | #F5E6D3 |\\n| Accent 1 | Faded teal | #6B8E8E |\\n| Accent 2 | Muted burgundy | #7B3F3F |\\n| Ink | Aged black | #3D3D3D |\\n| Yellowed | Paper yellow | #F5DEB3 |\\n\\n## Visual Effects\\n\\n**Aging effects** (apply subtly):\\n\\n| Effect | Application |\\n|--------|-------------|\\n| Paper aging | Background texture |\\n| Faded edges | Vignette effect |\\n| Dust specks | Subtle overlay |\\n| Yellowing | Color shift |\\n| Wear marks | Corner/edge details |\\n\\n## Period Elements\\n\\n- Historical typography\\n- Period-accurate details\\n- Archival presentation\\n- Classical compositions\\n- Formal framing\\n\\n## Lighting\\n\\n- Natural, period-appropriate\\n- Oil lamp/candle warmth\\n- Soft, diffused light\\n- Indoor historical lighting\\n- Photographic quality\\n\\n## Emotional Range\\n\\n| Emotion | Expression |\\n|---------|-----------|\\n| Dignity | Formal, composed |\\n| Sorrow | Restrained, elegant |\\n| Pride | Classical posture |\\n| Wisdom | Aged grace |\\n\\n## Composition\\n\\n- Classical framing\\n- Formal compositions\\n- Period-appropriate staging\\n- Documentary style\\n- Historical accuracy priority\\n\\n## Best For\\n\\n- Pre-1950s stories\\n- Classical science history\\n- Historical biographies\\n- Period pieces\\n- Documentary comics\\n- Archival narratives\\n\\n## Combination Notes\\n\\nWorks especially well with:\\n- realistic: period drama\\n- ligne-claire: historical adventure\\n- ink-brush: classical Asian stories\\n\\nAvoid with:\\n- manga: style mismatch (too modern)\\n- chalk: style mismatch (modern educational)\\n\\n\\n---\\n\\n## Reference: tones/warm.md\\n\\n# warm\\n\\n温馨基调 - Nostalgic, personal, comforting\\n\\n## Overview\\n\\nWarm, inviting atmosphere for personal stories and nostalgic content. Creates emotional connection through cozy aesthetics and comforting visuals.\\n\\n## Mood Characteristics\\n\\n- Nostalgic feeling\\n- Personal, intimate atmosphere\\n- Comforting and healing\\n- Memory and reflection\\n- Gentle emotional warmth\\n\\n## Color Modifiers\\n\\nWhen applied to any art style:\\n\\n| Adjustment | Direction |\\n|------------|-----------|\\n| Saturation | Slightly reduced |\\n| Contrast | Softer |\\n| Temperature | Warm shift (+15%) |\\n| Brightness | Soft, golden |\\n\\n## Color Temperature\\n\\nShift palette toward warm tones:\\n\\n| Original | Warm Shift |\\n|----------|-----------|\\n| Cool blue | Soft teal |\\n| Pure white | Cream |\\n| Gray | Warm gray |\\n| Black | Soft charcoal |\\n\\n## Accent Colors\\n\\n- Golden yellow (#D69E2E)\\n- Soft orange (#DD6B20)\\n- Warm brown (#8B6F47)\\n- Sunset tones\\n\\n## Lighting\\n\\n- Golden hour lighting\\n- Soft, diffused light\\n- Warm indoor glow\\n- Candle/lamp warmth\\n- Gentle shadows\\n\\n## Emotional Range\\n\\n| Emotion | Expression |\\n|---------|-----------|\\n| Joy | Genuine warm smile |\\n| Sadness | Gentle melancholy |\\n| Love | Soft, tender expressions |\\n| Memory | Distant, reflective gaze |\\n\\n## Composition\\n\\n- Intimate framing\\n- Cozy environments\\n- Soft focus backgrounds\\n- Welcoming spaces\\n- Personal moments highlighted\\n\\n## Visual Elements\\n\\n- Warm light rays\\n- Soft edges\\n- Nostalgic props (old photos, keepsakes)\\n- Comfort objects (blankets, tea cups)\\n- Nature elements (autumn leaves, sunset)\\n\\n## Best For\\n\\n- Personal stories\\n- Childhood memories\\n- Mentorship narratives\\n- Family histories\\n- Gentle biographies\\n- Healing journeys\\n\\n## Combination Notes\\n\\nWorks especially well with:\\n- ligne-claire: nostalgic European comics\\n- realistic: touching human stories\\n- manga: slice-of-life warmth\\n- chalk: nostalgic education\\n\\n\\n---\\n\\n## Reference: workflow.md\\n\\n# Complete Workflow\\n\\nFull workflow for generating knowledge comics.\\n\\n## Progress Checklist\\n\\nCopy and track progress:\\n\\n```\\nComic Progress:\\n- [ ] Step 1: Setup & Analyze\\n  - [ ] 1.1 Load preferences\\n  - [ ] 1.2 Analyze content\\n  - [ ] 1.3 Check existing ⚠️ REQUIRED\\n- [ ] Step 2: Confirmation 1 - Style & options ⚠️ REQUIRED\\n- [ ] Step 3: Generate storyboard + characters\\n- [ ] Step 4: Review outline (conditional)\\n- [ ] Step 5: Generate prompts\\n- [ ] Step 6: Review prompts (conditional)\\n- [ ] Step 7: Generate images\\n- [ ] Step 8: Merge to PDF\\n- [ ] Step 9: Completion report\\n```\\n\\n## Flow Diagram\\n\\n```\\nInput → Preferences → Analyze → [Check Existing?] → [Confirm 1: Style + Reviews] → Storyboard → [Review Outline?] → Prompts → [Review Prompts?] → Images → PDF → Complete\\n```\\n\\n---\\n\\n## Step 1: Setup & Analyze\\n\\n### 1.1 Load Preferences (EXTEND.md)\\n\\nUse Bash to check EXTEND.md existence (priority order):\\n\\n```bash\\n# Check project-level first\\ntest -f .baoyu-skills/baoyu-comic/EXTEND.md && echo \\"project\\"\\n\\n# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)\\ntest -f \\"$HOME/.baoyu-skills/baoyu-comic/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n| Path | Location |\\n|------|----------|\\n| `.baoyu-skills/baoyu-comic/EXTEND.md` | Project directory |\\n| `$HOME/.baoyu-skills/baoyu-comic/EXTEND.md` | User home |\\n\\n**When EXTEND.md Found** → Read, parse, **output summary to user**:\\n\\n```\\n📋 Loaded preferences from [full path]\\n├─ Watermark: [enabled/disabled] [content if enabled]\\n├─ Art Style: [style name or \\"auto-select\\"]\\n├─ Tone: [tone name or \\"auto-select\\"]\\n├─ Layout: [layout or \\"auto-select\\"]\\n├─ Language: [language or \\"auto-detect\\"]\\n└─ Character presets: [count] defined\\n```\\n\\n**MUST output this summary** so user knows their current configuration. Do not skip or silently load.\\n\\n**When EXTEND.md Not Found** → First-time setup:\\n\\n1. Inform user: \\"No preferences found. Let\'s set up your defaults.\\"\\n2. Use AskUserQuestion to collect preferences (see `config/first-time-setup.md`)\\n3. Create EXTEND.md at user-chosen location\\n4. Confirm: \\"✓ Preferences saved to [path]\\"\\n\\n**EXTEND.md Supports**: Watermark | Preferred art/tone/layout | Custom style definitions | Character presets | Language preference\\n\\nSchema: `config/preferences-schema.md`\\n\\n**Important**: Once EXTEND.md exists, watermark, language, and style defaults are NOT asked again in Confirmation 1 or 2. These are session-persistent settings.\\n\\n### 1.2 Analyze Content → `analysis.md`\\n\\nRead source content, save it if needed, and perform deep analysis.\\n\\n**Actions**:\\n1. **Save source content** (if not already a file):\\n   - If user provides a file path: use as-is\\n   - If user pastes content: save to `source.md` in target directory\\n   - **Backup rule**: If `source.md` exists, rename to `source-backup-YYYYMMDD-HHMMSS.md`\\n2. Read source content\\n3. **Deep analysis** following `analysis-framework.md`:\\n   - Target audience identification\\n   - Value proposition for readers\\n   - Core themes and narrative potential\\n   - Key figures and their story arcs\\n4. Detect source language\\n5. **Determine language**:\\n   - If EXTEND.md has `language` → use it\\n   - Else if `--lang` option provided → use it\\n   - Else → use detected source language\\n6. Determine recommended page count:\\n   - Short story: 5-8 pages\\n   - Medium complexity: 9-15 pages\\n   - Full biography: 16-25 pages\\n7. Analyze content signals for art/tone/layout recommendations\\n8. **Save to `analysis.md`**\\n\\n**analysis.md Format**: YAML front matter (title, topic, time_span, source_language, user_language, aspect_ratio, recommended_page_count, recommended_art, recommended_tone) + sections for Target Audience, Value Proposition, Core Themes, Key Figures & Story Arcs, Content Signals, Recommended Approaches. See `analysis-framework.md` for full template.\\n\\n### 1.3 Check Existing Content ⚠️ REQUIRED\\n\\n**MUST execute before proceeding to Step 2.**\\n\\nUse Bash to check if output directory exists:\\n\\n```bash\\ntest -d \\"comic/{topic-slug}\\" && echo \\"exists\\"\\n```\\n\\n**If directory exists**, use AskUserQuestion:\\n\\n```\\nheader: \\"Existing\\"\\nquestion: \\"Existing content found. How to proceed?\\"\\noptions:\\n  - label: \\"Regenerate storyboard\\"\\n    description: \\"Keep images, regenerate storyboard and characters only\\"\\n  - label: \\"Regenerate images\\"\\n    description: \\"Keep storyboard, regenerate images only\\"\\n  - label: \\"Backup and regenerate\\"\\n    description: \\"Backup to {slug}-backup-{timestamp}, then regenerate all\\"\\n  - label: \\"Exit\\"\\n    description: \\"Cancel, keep existing content unchanged\\"\\n```\\n\\nSave result and handle accordingly:\\n- **Regenerate storyboard**: Skip to Step 3, preserve `prompts/` and images\\n- **Regenerate images**: Skip to Step 7, use existing prompts\\n- **Backup and regenerate**: Move directory, start fresh from Step 2\\n- **Exit**: End workflow immediately\\n\\n---\\n\\n## Step 2: Confirmation 1 - Style & Options ⚠️\\n\\n**Purpose**: Select visual style + decide whether to review outline before generation. **Do NOT skip.**\\n\\n**Note**: Watermark and language already configured in EXTEND.md (Step 1).\\n\\n**Display summary**:\\n- Content type + topic identified\\n- Key figures extracted\\n- Time span detected\\n- Recommended page count\\n- Language: [from EXTEND.md or detected]\\n- **Recommended style**: [art] + [tone] (based on content signals)\\n\\n**Use AskUserQuestion** for:\\n\\n### Question 1: Visual Style\\n\\nIf a preset is recommended (see `auto-selection.md`), show it first:\\n\\n```\\nheader: \\"Style\\"\\nquestion: \\"Which visual style for this comic?\\"\\noptions:\\n  - label: \\"[preset name] preset (Recommended)\\"       # If preset recommended\\n    description: \\"[preset description] - includes special rules\\"\\n  - label: \\"[recommended art] + [recommended tone] (Recommended)\\"  # If no preset\\n    description: \\"Best match for your content based on analysis\\"\\n  - label: \\"ligne-claire + neutral\\"\\n    description: \\"Classic educational, Logicomix style\\"\\n  - label: \\"ohmsha preset\\"\\n    description: \\"Educational manga with visual metaphors, gadgets, NO talking heads\\"\\n  - label: \\"Custom\\"\\n    description: \\"Specify your own art + tone or preset\\"\\n```\\n\\n**Preset vs Art+Tone**: Presets include special rules beyond art+tone. `ohmsha` = manga + neutral + visual metaphor rules + character roles + NO talking heads. Plain `manga + neutral` does NOT include these rules.\\n\\n### Question 2: Narrative Focus (multiSelect: true)\\n\\n```\\nheader: \\"Focus\\"\\nquestion: \\"What should the comic emphasize? (Select all that apply)\\"\\noptions:\\n  - label: \\"Biography/life story\\"\\n    description: \\"Follow a person\'s journey through key life events\\"\\n  - label: \\"Concept explanation\\"\\n    description: \\"Break down complex ideas visually\\"\\n  - label: \\"Historical event\\"\\n    description: \\"Dramatize important historical moments\\"\\n  - label: \\"Tutorial/how-to\\"\\n    description: \\"Step-by-step educational guide\\"\\n```\\n\\n### Question 3: Target Audience\\n\\n```\\nheader: \\"Audience\\"\\nquestion: \\"Who is the primary reader?\\"\\noptions:\\n  - label: \\"General readers\\"\\n    description: \\"Broad appeal, accessible content\\"\\n  - label: \\"Students/learners\\"\\n    description: \\"Educational focus, clear explanations\\"\\n  - label: \\"Industry professionals\\"\\n    description: \\"Technical depth, domain knowledge\\"\\n  - label: \\"Children/young readers\\"\\n    description: \\"Simplified language, engaging visuals\\"\\n```\\n\\n### Question 4: Outline Review\\n\\n```\\nheader: \\"Review\\"\\nquestion: \\"Do you want to review the outline before image generation?\\"\\noptions:\\n  - label: \\"Yes, let me review (Recommended)\\"\\n    description: \\"Review storyboard and characters before generating images\\"\\n  - label: \\"No, generate directly\\"\\n    description: \\"Skip outline review, start generating immediately\\"\\n```\\n\\n### Question 5: Prompt Review\\n\\n```\\nheader: \\"Prompts\\"\\nquestion: \\"Review prompts before generating images?\\"\\noptions:\\n  - label: \\"Yes, review prompts (Recommended)\\"\\n    description: \\"Review image generation prompts before generating\\"\\n  - label: \\"No, skip prompt review\\"\\n    description: \\"Proceed directly to image generation\\"\\n```\\n\\n**After response**:\\n1. Update `analysis.md` with user preferences\\n2. **Store `skip_outline_review`** flag based on Question 4 response\\n3. **Store `skip_prompt_review`** flag based on Question 5 response\\n4. → Step 3\\n\\n---\\n\\n## Step 3: Generate Storyboard + Characters\\n\\nCreate storyboard and character definitions using the confirmed style from Step 2.\\n\\n**Loading Style References**:\\n- Art style: `art-styles/{art}.md`\\n- Tone: `tones/{tone}.md`\\n- If preset (ohmsha/wuxia/shoujo): also load `presets/{preset}.md`\\n\\n**Generate**:\\n\\n1. **Storyboard** (`storyboard.md`):\\n   - YAML front matter with art_style, tone, layout, aspect_ratio\\n   - Cover design\\n   - Each page: layout, panel breakdown, visual prompts\\n   - **Written in user\'s preferred language** (from Step 1)\\n   - Reference: `storyboard-template.md`\\n   - **If using preset**: Load and apply preset rules from `presets/`\\n\\n2. **Character definitions** (`characters/characters.md`):\\n   - Visual specs matching the art style (in user\'s preferred language)\\n   - Include Reference Sheet Prompt for later image generation\\n   - Reference: `character-template.md`\\n   - **If using ohmsha preset**: Use default Doraemon characters (see below)\\n\\n**Ohmsha Default Characters** (use these unless user specifies `--characters`):\\n\\n| Role | Character | Visual Description |\\n|------|-----------|-------------------|\\n| Student | 大雄 (Nobita) | Japanese boy, 10yo, round glasses, black hair parted in middle, yellow shirt, navy shorts |\\n| Mentor | 哆啦A梦 (Doraemon) | Round blue robot cat, big white eyes, red nose, whiskers, white belly with 4D pocket, golden bell, no ears |\\n| Challenge | 胖虎 (Gian) | Stocky boy, rough features, small eyes, orange shirt |\\n| Support | 静香 (Shizuka) | Cute girl, black short hair, pink dress, gentle expression |\\n\\nThese are the canonical ohmsha-style characters. Do NOT create custom characters for ohmsha unless explicitly requested.\\n\\n**After generation**:\\n- If `skip_outline_review` is true → Skip Step 4, go directly to Step 5\\n- If `skip_outline_review` is false → Continue to Step 4\\n\\n---\\n\\n## Step 4: Review Outline (Conditional)\\n\\n**Skip this step** if user selected \\"No, generate directly\\" in Step 2.\\n\\n**Purpose**: User reviews and confirms storyboard + characters before generation.\\n\\n**Display**:\\n- Page count and structure\\n- Art style + Tone combination\\n- Page-by-page summary (Cover → P1 → P2...)\\n- Character list with brief descriptions\\n\\n**Use AskUserQuestion**:\\n\\n```\\nheader: \\"Confirm\\"\\nquestion: \\"Ready to generate images with this outline?\\"\\noptions:\\n  - label: \\"Yes, proceed (Recommended)\\"\\n    description: \\"Generate character sheet and comic pages\\"\\n  - label: \\"Edit storyboard first\\"\\n    description: \\"I\'ll modify storyboard.md before continuing\\"\\n  - label: \\"Edit characters first\\"\\n    description: \\"I\'ll modify characters/characters.md before continuing\\"\\n  - label: \\"Edit both\\"\\n    description: \\"I\'ll modify both files before continuing\\"\\n```\\n\\n**After response**:\\n1. If user wants to edit → Wait for user to finish editing, then ask again\\n2. If user confirms → Continue to Step 5\\n\\n---\\n\\n## Step 5: Generate Prompts\\n\\nCreate image generation prompts for all pages.\\n\\n**Style Reference Loading**:\\n- Read `art-styles/{art}.md` for rendering guidelines\\n- Read `tones/{tone}.md` for mood/color adjustments\\n- If preset: Read `presets/{preset}.md` for special rules\\n\\n**For each page (cover + pages)**:\\n1. Create prompt following art style + tone guidelines\\n2. Include character visual descriptions for consistency\\n3. Save to `prompts/NN-{cover|page}-[slug].md`\\n   - **Backup rule**: If prompt file exists, rename to `prompts/NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.md`\\n\\n**Prompt File Format**:\\n```markdown\\n# Page NN: [Title]\\n\\n## Visual Style\\nArt: [art style] | Tone: [tone] | Layout: [layout type]\\n\\n## Character Reference\\n[Character descriptions from characters/characters.md]\\n\\n## Panel Breakdown\\n[From storyboard.md - panel descriptions, actions, dialogue]\\n\\n## Generation Prompt\\n[Combined prompt for image generation skill]\\n```\\n\\n**Watermark Application** (if enabled in preferences):\\nAdd to each prompt:\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position]\\nwith approximately [opacity*100]% visibility. The watermark should\\nbe legible but not distracting from the comic panels and storytelling.\\nEnsure watermark does not overlap speech bubbles or key action.\\n```\\nReference: `config/watermark-guide.md`\\n\\n**After generation**:\\n- If `skip_prompt_review` is true → Skip Step 6, go directly to Step 7\\n- If `skip_prompt_review` is false → Continue to Step 6\\n\\n---\\n\\n## Step 6: Review Prompts (Conditional)\\n\\n**Skip this step** if user selected \\"No, skip prompt review\\" in Step 2.\\n\\n**Purpose**: User reviews and confirms prompts before image generation.\\n\\n**Display prompt summary table**:\\n\\n| Page | Title | Key Elements |\\n|------|-------|--------------|\\n| Cover | [title] | [main visual] |\\n| P1 | [title] | [key elements] |\\n| ... | ... | ... |\\n\\n**Use AskUserQuestion**:\\n\\n```\\nheader: \\"Confirm\\"\\nquestion: \\"Ready to generate images with these prompts?\\"\\noptions:\\n  - label: \\"Yes, proceed (Recommended)\\"\\n    description: \\"Generate all comic page images\\"\\n  - label: \\"Edit prompts first\\"\\n    description: \\"I\'ll modify prompts/*.md before continuing\\"\\n  - label: \\"Regenerate prompts\\"\\n    description: \\"Regenerate all prompts with different approach\\"\\n```\\n\\n**After response**:\\n1. If user wants to edit → Wait for user to finish editing, then ask again\\n2. If user wants to regenerate → Go back to Step 5\\n3. If user confirms → Continue to Step 7\\n\\n---\\n\\n## Step 7: Generate Images\\n\\nWith confirmed prompts from Step 5/6:\\n\\n### 7.1 Generate Character Reference Sheet (first)\\n\\n1. Use Reference Sheet Prompt from `characters/characters.md`\\n2. **Backup rule**: If `characters/characters.png` exists, rename to `characters/characters-backup-YYYYMMDD-HHMMSS.png`\\n3. Generate → `characters/characters.png`\\n4. This ensures visual consistency for all subsequent pages\\n\\n### 7.2 Generate Comic Pages\\n\\n**CRITICAL: Character Reference is MANDATORY** for visual consistency across all pages.\\n\\n**Before generating any page**:\\n1. Read the image generation skill\'s SKILL.md\\n2. Check if it supports reference image input (`--ref`, `--reference`, etc.)\\n3. Choose the appropriate strategy below\\n\\n**Character Reference Strategy**:\\n\\n| Skill Capability | Strategy | Action |\\n|------------------|----------|--------|\\n| Supports `--ref` | **Strategy A** | Pass `characters/characters.png` with EVERY page |\\n| Does NOT support `--ref` | **Strategy B** | Prepend character descriptions to EVERY prompt |\\n\\n**Strategy A: Using `--ref` parameter** (e.g., baoyu-image-gen)\\n\\n```bash\\n# Each page generation MUST include --ref\\nnpx -y bun ${SKILL_DIR}/../baoyu-image-gen/scripts/main.ts \\\\\\n  --promptfiles prompts/01-page-xxx.md \\\\\\n  --image 01-page-xxx.png \\\\\\n  --ar 3:4 \\\\\\n  --ref characters/characters.png\\n```\\n\\n**Strategy B: Embedding character descriptions in prompt**\\n\\nWhen skill does NOT support reference images, create combined prompt files:\\n\\n```markdown\\n# prompts/01-page-xxx.md (with embedded character reference)\\n\\n## Character Reference (maintain consistency)\\n[Copy relevant sections from characters/characters.md here]\\n- 大雄: Japanese boy, round glasses, yellow shirt, navy shorts...\\n- 哆啦A梦: Round blue robot cat, white belly, red nose, golden bell...\\n\\n## Page Content\\n[Original page prompt here]\\n```\\n\\n**For each page (cover + pages)**:\\n1. Read prompt from `prompts/NN-{cover|page}-[slug].md`\\n2. **Backup rule**: If image file exists, rename to `NN-{cover|page}-[slug]-backup-YYYYMMDD-HHMMSS.png`\\n3. Generate image using Strategy A or B (based on skill capability)\\n4. Save to `NN-{cover|page}-[slug].png`\\n5. Report progress after each generation: \\"Generated X/N: [page title]\\"\\n\\n**Session Management**:\\nIf image generation skill supports `--sessionId`:\\n1. Generate unique session ID: `comic-{topic-slug}-{timestamp}`\\n2. Use same session ID for all pages\\n3. Ensures visual consistency across generated images\\n\\n---\\n\\n## Step 8: Merge to PDF\\n\\nAfter all images generated:\\n\\n```bash\\nnpx -y bun ${SKILL_DIR}/scripts/merge-to-pdf.ts <comic-dir>\\n```\\n\\nCreates `{topic-slug}.pdf` with all pages as full-page images.\\n\\n---\\n\\n## Step 9: Completion Report\\n\\n```\\nComic Complete!\\nTitle: [title] | Art: [art] | Tone: [tone] | Pages: [count] | Aspect: [ratio] | Language: [lang]\\nWatermark: [enabled/disabled]\\nLocation: [path]\\n✓ analysis.md\\n✓ characters.png\\n✓ 00-cover-[slug].png ... NN-page-[slug].png\\n✓ {topic-slug}.pdf\\n```\\n\\n---\\n\\n## Page Modification\\n\\n| Action | Steps |\\n|--------|-------|\\n| **Edit** | Update prompt → Regenerate image → Regenerate PDF |\\n| **Add** | Create prompt at position → Generate image → Renumber subsequent (NN+1) → Update storyboard → Regenerate PDF |\\n| **Delete** | Remove files → Renumber subsequent (NN-1) → Update storyboard → Regenerate PDF |\\n\\n**File naming**: `NN-{cover|page}-[slug].png` (e.g., `03-page-enigma-machine.png`)\\n- Slugs: kebab-case, unique, derived from content\\n- Renumbering: Update NN prefix only, slugs unchanged\\n","source":"baoyu-skills","category":"content-skills","outputType":"image"},{"id":"baoyu-skills:baoyu-cover-image","name":"封面图(baoyu-cover-image)","description":"Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to \\"generate cover image\\", \\"create article cover\\", or \\"make cover\\".","type":"external","content":"# Cover Image Generator\\n\\nGenerate elegant cover images for articles with 5-dimensional customization.\\n\\n## Usage\\n\\n```bash\\n# Auto-select dimensions based on content\\n/baoyu-cover-image path/to/article.md\\n\\n# Quick mode: skip confirmation\\n/baoyu-cover-image article.md --quick\\n\\n# Specify dimensions\\n/baoyu-cover-image article.md --type conceptual --palette warm --rendering flat-vector\\n\\n# Style presets (shorthand for palette + rendering)\\n/baoyu-cover-image article.md --style blueprint\\n\\n# With reference images\\n/baoyu-cover-image article.md --ref style-ref.png\\n\\n# Direct content input\\n/baoyu-cover-image --palette mono --aspect 1:1 --quick\\n[paste content]\\n```\\n\\n## Options\\n\\n| Option | Description |\\n|--------|-------------|\\n| `--type <name>` | hero, conceptual, typography, metaphor, scene, minimal |\\n| `--palette <name>` | warm, elegant, cool, dark, earth, vivid, pastel, mono, retro |\\n| `--rendering <name>` | flat-vector, hand-drawn, painterly, digital, pixel, chalk |\\n| `--style <name>` | Preset shorthand (see [Style Presets](references/style-presets.md)) |\\n| `--text <level>` | none, title-only, title-subtitle, text-rich |\\n| `--mood <level>` | subtle, balanced, bold |\\n| `--font <name>` | clean, handwritten, serif, display |\\n| `--aspect <ratio>` | 16:9 (default), 2.35:1, 4:3, 3:2, 1:1, 3:4 |\\n| `--lang <code>` | Title language (en, zh, ja, etc.) |\\n| `--no-title` | Alias for `--text none` |\\n| `--quick` | Skip confirmation, use auto-selection |\\n| `--ref <files...>` | Reference images for style/composition guidance |\\n\\n## Five Dimensions\\n\\n| Dimension | Values | Default |\\n|-----------|--------|---------|\\n| **Type** | hero, conceptual, typography, metaphor, scene, minimal | auto |\\n| **Palette** | warm, elegant, cool, dark, earth, vivid, pastel, mono, retro | auto |\\n| **Rendering** | flat-vector, hand-drawn, painterly, digital, pixel, chalk | auto |\\n| **Text** | none, title-only, title-subtitle, text-rich | title-only |\\n| **Mood** | subtle, balanced, bold | balanced |\\n| **Font** | clean, handwritten, serif, display | clean |\\n\\nAuto-selection rules: [references/auto-selection.md](references/auto-selection.md)\\n\\n## Galleries\\n\\n**Types**: hero, conceptual, typography, metaphor, scene, minimal\\n→ Details: [references/types.md](references/types.md)\\n\\n**Palettes**: warm, elegant, cool, dark, earth, vivid, pastel, mono, retro\\n→ Details: [references/palettes/](references/palettes/)\\n\\n**Renderings**: flat-vector, hand-drawn, painterly, digital, pixel, chalk\\n→ Details: [references/renderings/](references/renderings/)\\n\\n**Text Levels**: none (pure visual) | title-only (default) | title-subtitle | text-rich (with tags)\\n→ Details: [references/dimensions/text.md](references/dimensions/text.md)\\n\\n**Mood Levels**: subtle (low contrast) | balanced (default) | bold (high contrast)\\n→ Details: [references/dimensions/mood.md](references/dimensions/mood.md)\\n\\n**Fonts**: clean (sans-serif) | handwritten | serif | display (bold decorative)\\n→ Details: [references/dimensions/font.md](references/dimensions/font.md)\\n\\n## File Structure\\n\\nOutput directory per `default_output_dir` preference:\\n- `same-dir`: `{article-dir}/`\\n- `imgs-subdir`: `{article-dir}/imgs/`\\n- `independent` (default): `cover-image/{topic-slug}/`\\n\\n```\\n<output-dir>/\\n├── source-{slug}.{ext}    # Source files\\n├── refs/                  # Reference images (if provided)\\n│   ├── ref-01-{slug}.{ext}\\n│   └── ref-01-{slug}.md   # Description file\\n├── prompts/cover.md       # Generation prompt\\n└── cover.png              # Output image\\n```\\n\\n**Slug**: 2-4 words, kebab-case. Conflict: append `-YYYYMMDD-HHMMSS`\\n\\n## Workflow\\n\\n### Progress Checklist\\n\\n```\\nCover Image Progress:\\n- [ ] Step 0: Check preferences (EXTEND.md) ⛔ BLOCKING\\n- [ ] Step 1: Analyze content + save refs + determine output dir\\n- [ ] Step 2: Confirm options (6 dimensions) ⚠️ unless --quick\\n- [ ] Step 3: Create prompt\\n- [ ] Step 4: Generate image\\n- [ ] Step 5: Completion report\\n```\\n\\n### Flow\\n\\n```\\nInput → [Step 0: Preferences] ─┬─ Found → Continue\\n                               └─ Not found → First-Time Setup ⛔ BLOCKING → Save EXTEND.md → Continue\\n        ↓\\nAnalyze + Save Refs → [Output Dir] → [Confirm: 6 Dimensions] → Prompt → Generate → Complete\\n                                              ↓\\n                                     (skip if --quick or all specified)\\n```\\n\\n### Step 0: Load Preferences ⛔ BLOCKING\\n\\nCheck EXTEND.md existence (priority: project → user):\\n```bash\\ntest -f .baoyu-skills/baoyu-cover-image/EXTEND.md && echo \\"project\\"\\ntest -f \\"$HOME/.baoyu-skills/baoyu-cover-image/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n| Result | Action |\\n|--------|--------|\\n| Found | Load, display summary → Continue |\\n| Not found | ⛔ Run first-time setup ([references/config/first-time-setup.md](references/config/first-time-setup.md)) → Save → Continue |\\n\\n**CRITICAL**: If not found, complete setup BEFORE any other steps or questions.\\n\\n### Step 1: Analyze Content\\n\\n1. **Save reference images** (if provided) → [references/workflow/reference-images.md](references/workflow/reference-images.md)\\n2. **Save source content** (if pasted, save to `source.md`)\\n3. **Analyze content**: topic, tone, keywords, visual metaphors\\n4. **Deep analyze references** ⚠️: Extract specific, concrete elements (see reference-images.md)\\n5. **Detect language**: Compare source, user input, EXTEND.md preference\\n6. **Determine output directory**: Per File Structure rules\\n\\n### Step 2: Confirm Options ⚠️\\n\\nFull confirmation flow: [references/workflow/confirm-options.md](references/workflow/confirm-options.md)\\n\\n| Condition | Skipped | Still Asked |\\n|-----------|---------|-------------|\\n| `--quick` or `quick_mode: true` | 6 dimensions | Aspect ratio (unless `--aspect`) |\\n| All 6 + `--aspect` specified | All | None |\\n\\n### Step 3: Create Prompt\\n\\nSave to `prompts/cover.md`. Template: [references/workflow/prompt-template.md](references/workflow/prompt-template.md)\\n\\n**CRITICAL - References in Frontmatter**:\\n- Files saved to `refs/` → Add to frontmatter `references` list\\n- Style extracted verbally (no file) → Omit `references`, describe in body\\n- Before writing → Verify: `test -f refs/ref-NN-{slug}.{ext}`\\n\\n**Reference elements in body** MUST be detailed, prefixed with \\"MUST\\"/\\"REQUIRED\\", with integration approach.\\n\\n### Step 4: Generate Image\\n\\n1. **Backup existing** `cover.png` if regenerating\\n2. **Check image generation skills**; if multiple, ask preference\\n3. **Process references** from prompt frontmatter:\\n   - `direct` usage → pass via `--ref` (use ref-capable backend)\\n   - `style`/`palette` → extract traits, append to prompt\\n4. **Generate**: Call skill with prompt file, output path, aspect ratio\\n5. On failure: auto-retry once\\n\\n### Step 5: Completion Report\\n\\n```\\nCover Generated!\\n\\nTopic: [topic]\\nType: [type] | Palette: [palette] | Rendering: [rendering]\\nText: [text] | Mood: [mood] | Font: [font] | Aspect: [ratio]\\nTitle: [title or \\"visual only\\"]\\nLanguage: [lang] | Watermark: [enabled/disabled]\\nReferences: [N images or \\"extracted style\\" or \\"none\\"]\\nLocation: [directory path]\\n\\nFiles:\\n✓ source-{slug}.{ext}\\n✓ prompts/cover.md\\n✓ cover.png\\n```\\n\\n## Image Modification\\n\\n| Action | Steps |\\n|--------|-------|\\n| **Regenerate** | Backup → Update prompt file FIRST → Regenerate |\\n| **Change dimension** | Backup → Confirm new value → Update prompt → Regenerate |\\n\\n## Composition Principles\\n\\n- **Whitespace**: 40-60% breathing room\\n- **Visual anchor**: Main element centered or offset left\\n- **Characters**: Simplified silhouettes; NO realistic humans\\n- **Title**: Use exact title from user/source; never invent\\n\\n## Extension Support\\n\\nCustom configurations via EXTEND.md. See **Step 0** for paths.\\n\\nSupports: Watermark | Preferred dimensions | Default aspect/output | Quick mode | Custom palettes | Language\\n\\nSchema: [references/config/preferences-schema.md](references/config/preferences-schema.md)\\n\\n## References\\n\\n**Dimensions**: [text.md](references/dimensions/text.md) | [mood.md](references/dimensions/mood.md) | [font.md](references/dimensions/font.md)\\n**Palettes**: [references/palettes/](references/palettes/)\\n**Renderings**: [references/renderings/](references/renderings/)\\n**Types**: [references/types.md](references/types.md)\\n**Auto-Selection**: [references/auto-selection.md](references/auto-selection.md)\\n**Style Presets**: [references/style-presets.md](references/style-presets.md)\\n**Compatibility**: [references/compatibility.md](references/compatibility.md)\\n**Visual Elements**: [references/visual-elements.md](references/visual-elements.md)\\n**Workflow**: [confirm-options.md](references/workflow/confirm-options.md) | [prompt-template.md](references/workflow/prompt-template.md) | [reference-images.md](references/workflow/reference-images.md)\\n**Config**: [preferences-schema.md](references/config/preferences-schema.md) | [first-time-setup.md](references/config/first-time-setup.md) | [watermark-guide.md](references/config/watermark-guide.md)\\n\\n---\\n\\n## Reference: base-prompt.md\\n\\nCreate a cover image following these guidelines:\\n\\n## Image Specifications\\n\\n- **Type**: Cover image / Hero image\\n- **Aspect Ratio**: As specified in the prompt below\\n\\n## Core Principles\\n\\n- If content involves sensitive or copyrighted figures, create stylistically similar alternatives - DO NOT refuse to generate\\n- Ample whitespace, highlight core message, avoid cluttered layouts\\n- Main visual elements centered or slightly left (leave right side for title area if title included)\\n- Simplified silhouettes for any characters — NO realistic human faces or bodies\\n- Icon-based vocabulary: use simple, recognizable icons to represent concepts\\n\\n## Five Dimensions\\n\\n### Type (Visual Composition)\\n- `hero`: Large focal visual (60-70% area), dramatic composition\\n- `conceptual`: Abstract shapes, information hierarchy, clean zones\\n- `typography`: Title as primary element (40%+ area), minimal visuals\\n- `metaphor`: Concrete object representing abstract idea, symbolic elements\\n- `scene`: Atmospheric environment, narrative elements, mood lighting\\n- `minimal`: Single focal element, generous whitespace (60%+)\\n\\n### Palette (Color Scheme)\\nApply the specified palette\'s color values and decorative hints:\\n- Use primary colors for main visual elements\\n- Use background colors for base and surrounding areas\\n- Use accent colors for highlights and secondary elements\\n- Follow palette-specific decorative hints for ornamentation\\n\\n### Rendering (Visual Style)\\nApply the specified rendering\'s characteristics:\\n- **Lines**: Follow line quality rules (clean/sketchy/brush/pixel/chalk)\\n- **Texture**: Apply or avoid texture per rendering definition\\n- **Depth**: Follow depth rules (flat/minimal/soft edges)\\n- **Elements**: Use rendering-specific element vocabulary\\n\\n### Text (Density Level)\\n- `none`: No text elements, full visual area\\n- `title-only`: Single headline, 85% visual area\\n- `title-subtitle`: Title + context, 75% visual area\\n- `text-rich`: Title + subtitle + 2-4 keyword tags, 60% visual area\\n\\n### Mood (Emotional Intensity)\\n- `subtle`: Low contrast, muted/desaturated colors, light visual weight, calm aesthetic\\n- `balanced`: Medium contrast, normal saturation, balanced visual weight\\n- `bold`: High contrast, vivid/saturated colors, heavy visual weight, dynamic energy\\n\\n## Text Style (When Title Included)\\n\\n- **Title source**: Use the exact title provided by user, or extract from source content. Do NOT invent or modify titles.\\n- Title text: Large, eye-catching, faithful to source\\n- Subtitle: Secondary element (if title-subtitle or text-rich)\\n- Tags: 2-4 keyword badges (if text-rich)\\n- Font style harmonizes with rendering style\\n\\n## Composition Guidance\\n\\n### Layout Principles\\n\\n- **Generous whitespace**: Maintain 40-60% breathing room; avoid cluttered compositions\\n- **Visual anchor placement**: Main element centered or offset left (reserve right side for title if included)\\n- **Information hierarchy**: One dominant focal point, 1-2 supporting elements, decorative accents\\n- **Clean backgrounds**: Solid colors or subtle gradients; no complex textures or patterns\\n\\n### Icon & Symbol Vocabulary\\n\\nRepresent concepts with simple, recognizable icons rather than detailed illustrations:\\n\\n| Category | Examples |\\n|----------|----------|\\n| Tech | Code window, gear, circuit, cloud, lock, API brackets |\\n| Ideas | Lightbulb, rocket, target, puzzle, key, magnifier |\\n| Communication | Speech bubble, chat dots, megaphone, mail |\\n| Growth | Plant/sprout, tree, arrow, chart, mountain |\\n| Tools | Wrench, pencil, brush, checklist, clock |\\n\\nUse the rendering style to determine icon complexity (flat-vector = geometric, hand-drawn = sketchy, etc.)\\n\\nFull library: [references/visual-elements.md](visual-elements.md)\\n\\n### Character Handling\\n\\nWhen people are needed:\\n- Use simplified silhouettes or abstract stick figures\\n- Symbolic representations (head + shoulders outline)\\n- NO realistic faces, detailed anatomy, or photographic representations\\n- Cartoon/icon style consistent with rendering choice\\n\\n## Mood Application\\n\\nApply mood adjustments to the base palette:\\n\\n| Mood | Contrast | Saturation | Weight |\\n|------|----------|------------|--------|\\n| subtle | Reduce 20-30% | Desaturate 20-30% | Lighter strokes/fills |\\n| balanced | Standard | Standard | Standard |\\n| bold | Increase 20-30% | Increase 20-30% | Heavier strokes/fills |\\n\\n## Language\\n\\n- Use the same language as the content provided below for any text elements\\n- Match punctuation style to the content language\\n\\n## Reference Images\\n\\nWhen reference images are provided:\\n\\n- **Style extraction**: Identify rendering technique, line quality, texture, and visual vocabulary\\n- **Composition learning**: Note layout patterns, whitespace usage, element placement\\n- **Mood matching**: Capture the emotional tone and visual weight\\n- **Adaptation**: Apply extracted characteristics while respecting the specified Type, Palette, and Rendering dimensions\\n- **Priority**: If reference style conflicts with specified dimensions, dimensions take precedence for structural choices; reference influences decorative details\\n\\n---\\n\\nPlease generate the cover image based on the content provided below:\\n\\n\\n---\\n\\n## Reference: auto-selection.md\\n\\n# Auto-Selection Rules\\n\\nWhen a dimension is omitted, select based on content signals.\\n\\n## Auto Type Selection\\n\\n| Signals | Type |\\n|---------|------|\\n| Product, launch, announcement, release, reveal | `hero` |\\n| Architecture, framework, system, API, technical, model | `conceptual` |\\n| Quote, opinion, insight, thought, headline, statement | `typography` |\\n| Philosophy, growth, abstract, meaning, reflection | `metaphor` |\\n| Story, journey, travel, lifestyle, experience, narrative | `scene` |\\n| Zen, focus, essential, core, simple, pure | `minimal` |\\n\\n## Auto Palette Selection\\n\\n| Signals | Palette |\\n|---------|---------|\\n| Personal story, emotion, lifestyle, human | `warm` |\\n| Business, professional, thought leadership, luxury | `elegant` |\\n| Architecture, system, API, technical, code | `cool` |\\n| Entertainment, premium, cinematic, dark mode | `dark` |\\n| Nature, wellness, eco, organic, travel | `earth` |\\n| Product launch, gaming, promotion, event | `vivid` |\\n| Fantasy, children, gentle, creative, whimsical | `pastel` |\\n| Zen, focus, essential, pure, simple | `mono` |\\n| History, vintage, retro, classic, exploration | `retro` |\\n\\n## Auto Rendering Selection\\n\\n| Signals | Rendering |\\n|---------|-----------|\\n| Clean, modern, tech, WeChat, icon-based, infographic | `flat-vector` |\\n| Sketch, note, personal, casual, doodle, warm | `hand-drawn` |\\n| Art, watercolor, soft, dreamy, creative, fantasy | `painterly` |\\n| Data, dashboard, SaaS, corporate, polished | `digital` |\\n| Gaming, retro, 8-bit, nostalgic | `pixel` |\\n| Education, tutorial, classroom, teaching | `chalk` |\\n\\n## Auto Text Selection\\n\\n| Signals | Text Level |\\n|---------|------------|\\n| Visual-only, photography, abstract, art | `none` |\\n| Article, blog, standard cover | `title-only` |\\n| Series, tutorial, technical with context | `title-subtitle` |\\n| Announcement, features, multiple points, infographic | `text-rich` |\\n\\nDefault: `title-only`\\n\\n## Auto Mood Selection\\n\\n| Signals | Mood Level |\\n|---------|------------|\\n| Professional, corporate, thought leadership, academic, luxury | `subtle` |\\n| General, educational, standard, blog, documentation | `balanced` |\\n| Launch, announcement, promotion, event, gaming, entertainment | `bold` |\\n\\nDefault: `balanced`\\n\\n## Auto Font Selection\\n\\n| Signals | Font |\\n|---------|------|\\n| Personal, lifestyle, human, warm, friendly, story | `handwritten` |\\n| Technical, professional, clean, modern, minimal, data | `clean` |\\n| Editorial, academic, luxury, classic, literary | `serif` |\\n| Announcement, entertainment, promotion, bold, event, gaming | `display` |\\n\\nDefault: `clean`\\n\\n\\n---\\n\\n## Reference: compatibility.md\\n\\n# Compatibility Matrices\\n\\n✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended\\n\\n## Palette × Rendering\\n\\n| | flat-vector | hand-drawn | painterly | digital | pixel | chalk |\\n|---|:---:|:---:|:---:|:---:|:---:|:---:|\\n| warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ |\\n| elegant | ✓ | ✓✓ | ✓ | ✓✓ | ✗ | ✗ |\\n| cool | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ |\\n| dark | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓✓ |\\n| earth | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✗ |\\n| vivid | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓ |\\n| pastel | ✓✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✗ |\\n| mono | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ |\\n| retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✗ |\\n\\n## Type × Rendering\\n\\n| | flat-vector | hand-drawn | painterly | digital | pixel | chalk |\\n|---|:---:|:---:|:---:|:---:|:---:|:---:|\\n| hero | ✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ |\\n| conceptual | ✓✓ | ✓ | ✗ | ✓✓ | ✓ | ✓ |\\n| typography | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ |\\n| metaphor | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓ |\\n| scene | ✗ | ✓ | ✓✓ | ✓ | ✓ | ✗ |\\n| minimal | ✓✓ | ✓ | ✓ | ✓✓ | ✗ | ✗ |\\n\\n## Type × Text\\n\\n| | none | title-only | title-subtitle | text-rich |\\n|---|:---:|:---:|:---:|:---:|\\n| hero | ✓ | ✓✓ | ✓✓ | ✓ |\\n| conceptual | ✓✓ | ✓✓ | ✓ | ✓ |\\n| typography | ✗ | ✓ | ✓✓ | ✓✓ |\\n| metaphor | ✓✓ | ✓ | ✓ | ✗ |\\n| scene | ✓✓ | ✓ | ✓ | ✗ |\\n| minimal | ✓✓ | ✓✓ | ✓ | ✗ |\\n\\n## Type × Mood\\n\\n| | subtle | balanced | bold |\\n|---|:---:|:---:|:---:|\\n| hero | ✓ | ✓✓ | ✓✓ |\\n| conceptual | ✓✓ | ✓✓ | ✓ |\\n| typography | ✓ | ✓✓ | ✓✓ |\\n| metaphor | ✓✓ | ✓✓ | ✓ |\\n| scene | ✓✓ | ✓✓ | ✓ |\\n| minimal | ✓✓ | ✓✓ | ✗ |\\n\\n## Font × Rendering\\n\\n| | flat-vector | hand-drawn | painterly | digital | pixel | chalk |\\n|---|:---:|:---:|:---:|:---:|:---:|:---:|\\n| clean | ✓✓ | ✗ | ✗ | ✓✓ | ✓ | ✗ |\\n| handwritten | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ |\\n| serif | ✓ | ✗ | ✓ | ✓✓ | ✗ | ✗ |\\n| display | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |\\n\\n\\n---\\n\\n## Reference: config/first-time-setup.md\\n\\n---\\nname: first-time-setup\\ndescription: First-time setup flow for baoyu-cover-image preferences\\n---\\n\\n# First-Time Setup\\n\\n## Overview\\n\\nWhen no EXTEND.md is found, guide user through preference setup.\\n\\n**⛔ BLOCKING OPERATION**: This setup MUST complete before ANY other workflow steps. Do NOT:\\n- Ask about reference images\\n- Ask about content/article\\n- Ask about dimensions (type, palette, rendering)\\n- Proceed to content analysis\\n\\nONLY ask the questions in this setup flow, save EXTEND.md, then continue.\\n\\n## Setup Flow\\n\\n```\\nNo EXTEND.md found\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ AskUserQuestion     │\\n│ (all questions)     │\\n└─────────────────────┘\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ Create EXTEND.md    │\\n└─────────────────────┘\\n        │\\n        ▼\\n    Continue to Step 1\\n```\\n\\n## Questions\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\nUse AskUserQuestion with ALL questions in ONE call:\\n\\n### Question 1: Watermark\\n\\n```yaml\\nheader: \\"Watermark\\"\\nquestion: \\"Watermark text for generated cover images?\\"\\noptions:\\n  - label: \\"No watermark (Recommended)\\"\\n    description: \\"Clean covers, can enable later in EXTEND.md\\"\\n```\\n\\n### Question 2: Preferred Type\\n\\n```yaml\\nheader: \\"Type\\"\\nquestion: \\"Default cover type preference?\\"\\noptions:\\n  - label: \\"Auto-select (Recommended)\\"\\n    description: \\"Choose based on content analysis each time\\"\\n  - label: \\"hero\\"\\n    description: \\"Large visual impact - product launch, announcements\\"\\n  - label: \\"conceptual\\"\\n    description: \\"Concept visualization - technical, architecture\\"\\n```\\n\\n### Question 3: Preferred Palette\\n\\n```yaml\\nheader: \\"Palette\\"\\nquestion: \\"Default color palette preference?\\"\\noptions:\\n  - label: \\"Auto-select (Recommended)\\"\\n    description: \\"Choose based on content analysis each time\\"\\n  - label: \\"elegant\\"\\n    description: \\"Sophisticated - soft coral, muted teal, dusty rose\\"\\n  - label: \\"warm\\"\\n    description: \\"Friendly - orange, golden yellow, terracotta\\"\\n  - label: \\"cool\\"\\n    description: \\"Technical - engineering blue, navy, cyan\\"\\n```\\n\\n### Question 4: Preferred Rendering\\n\\n```yaml\\nheader: \\"Rendering\\"\\nquestion: \\"Default rendering style preference?\\"\\noptions:\\n  - label: \\"Auto-select (Recommended)\\"\\n    description: \\"Choose based on content analysis each time\\"\\n  - label: \\"hand-drawn\\"\\n    description: \\"Sketchy organic illustration with personal touch\\"\\n  - label: \\"flat-vector\\"\\n    description: \\"Clean modern vector with geometric shapes\\"\\n  - label: \\"digital\\"\\n    description: \\"Polished precise digital illustration\\"\\n```\\n\\n### Question 5: Default Aspect Ratio\\n\\n```yaml\\nheader: \\"Aspect\\"\\nquestion: \\"Default aspect ratio for cover images?\\"\\noptions:\\n  - label: \\"16:9 (Recommended)\\"\\n    description: \\"Standard widescreen - YouTube, presentations, versatile\\"\\n  - label: \\"2.35:1\\"\\n    description: \\"Cinematic widescreen - article headers, blog posts\\"\\n  - label: \\"1:1\\"\\n    description: \\"Square - Instagram, WeChat, social cards\\"\\n  - label: \\"3:4\\"\\n    description: \\"Portrait - Xiaohongshu, Pinterest, mobile content\\"\\n```\\n\\nNote: More ratios (4:3, 3:2) available during generation. This sets the default recommendation.\\n\\n### Question 6: Default Output Directory\\n\\n```yaml\\nheader: \\"Output\\"\\nquestion: \\"Default output directory for cover images?\\"\\noptions:\\n  - label: \\"Independent (Recommended)\\"\\n    description: \\"cover-image/{topic-slug}/ - separate from article\\"\\n  - label: \\"Same directory\\"\\n    description: \\"{article-dir}/ - alongside the article file\\"\\n  - label: \\"imgs subdirectory\\"\\n    description: \\"{article-dir}/imgs/ - images folder near article\\"\\n```\\n\\n### Question 7: Quick Mode\\n\\n```yaml\\nheader: \\"Quick\\"\\nquestion: \\"Enable quick mode by default?\\"\\noptions:\\n  - label: \\"No (Recommended)\\"\\n    description: \\"Confirm dimension choices each time\\"\\n  - label: \\"Yes\\"\\n    description: \\"Skip confirmation, use auto-selection\\"\\n```\\n\\n### Question 8: Save Location\\n\\n```yaml\\nheader: \\"Save\\"\\nquestion: \\"Where to save preferences?\\"\\noptions:\\n  - label: \\"Project (Recommended)\\"\\n    description: \\".baoyu-skills/ (this project only)\\"\\n  - label: \\"User\\"\\n    description: \\"~/.baoyu-skills/ (all projects)\\"\\n```\\n\\n## Save Locations\\n\\n| Choice | Path | Scope |\\n|--------|------|-------|\\n| Project | `.baoyu-skills/baoyu-cover-image/EXTEND.md` | Current project |\\n| User | `~/.baoyu-skills/baoyu-cover-image/EXTEND.md` | All projects |\\n\\n## After Setup\\n\\n1. Create directory if needed\\n2. Write EXTEND.md with frontmatter\\n3. Confirm: \\"Preferences saved to [path]\\"\\n4. Continue to Step 1\\n\\n## EXTEND.md Template\\n\\n```yaml\\n---\\nversion: 3\\nwatermark:\\n  enabled: [true/false]\\n  content: \\"[user input or empty]\\"\\n  position: bottom-right\\n  opacity: 0.7\\npreferred_type: [selected type or null]\\npreferred_palette: [selected palette or null]\\npreferred_rendering: [selected rendering or null]\\npreferred_text: title-only\\npreferred_mood: balanced\\ndefault_aspect: [16:9/2.35:1/1:1/3:4]\\ndefault_output_dir: [independent/same-dir/imgs-subdir]\\nquick_mode: [true/false]\\nlanguage: null\\ncustom_palettes: []\\n---\\n```\\n\\n## Modifying Preferences Later\\n\\nUsers can edit EXTEND.md directly or run setup again:\\n- Delete EXTEND.md to trigger setup\\n- Edit YAML frontmatter for quick changes\\n- Full schema: `preferences-schema.md`\\n\\n**EXTEND.md Supports**: Watermark | Preferred type | Preferred palette | Preferred rendering | Preferred text | Preferred mood | Default aspect ratio | Default output directory | Quick mode | Custom palette definitions | Language preference\\n\\n\\n---\\n\\n## Reference: config/preferences-schema.md\\n\\n---\\nname: preferences-schema\\ndescription: EXTEND.md YAML schema for baoyu-cover-image user preferences\\n---\\n\\n# Preferences Schema\\n\\n## Full Schema\\n\\n```yaml\\n---\\nversion: 3\\n\\nwatermark:\\n  enabled: false\\n  content: \\"\\"\\n  position: bottom-right  # bottom-right|bottom-left|bottom-center|top-right\\n\\npreferred_type: null      # hero|conceptual|typography|metaphor|scene|minimal or null for auto-select\\n\\npreferred_palette: null   # warm|elegant|cool|dark|earth|vivid|pastel|mono|retro or null for auto-select\\n\\npreferred_rendering: null # flat-vector|hand-drawn|painterly|digital|pixel|chalk or null for auto-select\\n\\npreferred_text: title-only  # none|title-only|title-subtitle|text-rich\\n\\npreferred_mood: balanced    # subtle|balanced|bold\\n\\ndefault_aspect: \\"2.35:1\\"  # 2.35:1|16:9|1:1\\n\\nquick_mode: false         # Skip confirmation when true\\n\\nlanguage: null            # zh|en|ja|ko|auto (null = auto-detect)\\n\\ncustom_palettes:\\n  - name: my-palette\\n    description: \\"Palette description\\"\\n    colors:\\n      primary: [\\"#1E3A5F\\", \\"#4A90D9\\"]\\n      background: \\"#F5F7FA\\"\\n      accents: [\\"#00B4D8\\"]\\n    decorative_hints: \\"Clean lines, geometric shapes\\"\\n    best_for: \\"Business, tech content\\"\\n---\\n```\\n\\n## Field Reference\\n\\n| Field | Type | Default | Description |\\n|-------|------|---------|-------------|\\n| `version` | int | 3 | Schema version |\\n| `watermark.enabled` | bool | false | Enable watermark |\\n| `watermark.content` | string | \\"\\" | Watermark text (@username or custom) |\\n| `watermark.position` | enum | bottom-right | Position on image |\\n| `preferred_type` | string | null | Type name or null for auto |\\n| `preferred_palette` | string | null | Palette name or null for auto |\\n| `preferred_rendering` | string | null | Rendering name or null for auto |\\n| `preferred_text` | string | title-only | Text density level |\\n| `preferred_mood` | string | balanced | Mood intensity level |\\n| `default_aspect` | string | \\"2.35:1\\" | Default aspect ratio |\\n| `quick_mode` | bool | false | Skip confirmation step |\\n| `language` | string | null | Output language (null = auto-detect) |\\n| `custom_palettes` | array | [] | User-defined palettes |\\n\\n## Type Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `hero` | Large visual impact, title overlay |\\n| `conceptual` | Concept visualization, abstract core ideas |\\n| `typography` | Text-focused layout, prominent title |\\n| `metaphor` | Visual metaphor, concrete expressing abstract |\\n| `scene` | Atmospheric scene, narrative feel |\\n| `minimal` | Minimalist composition, generous whitespace |\\n\\n## Palette Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `warm` | Friendly, approachable — orange, golden yellow, terracotta |\\n| `elegant` | Sophisticated, refined — soft coral, muted teal, dusty rose |\\n| `cool` | Technical, professional — engineering blue, navy, cyan |\\n| `dark` | Cinematic, premium — electric purple, cyan, magenta |\\n| `earth` | Natural, organic — forest green, sage, earth brown |\\n| `vivid` | Energetic, bold — bright red, neon green, electric blue |\\n| `pastel` | Gentle, whimsical — soft pink, mint, lavender |\\n| `mono` | Clean, focused — black, near-black, white |\\n| `retro` | Nostalgic, vintage — muted orange, dusty pink, maroon |\\n\\n## Rendering Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `flat-vector` | Clean outlines, uniform fills, geometric icons |\\n| `hand-drawn` | Sketchy, organic, imperfect strokes, paper texture |\\n| `painterly` | Soft brush strokes, color bleeds, watercolor feel |\\n| `digital` | Polished, precise edges, subtle gradients, UI components |\\n| `pixel` | Pixel grid, dithering, chunky 8-bit shapes |\\n| `chalk` | Chalk strokes, dust effects, blackboard texture |\\n\\n## Text Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `none` | Pure visual, no text elements |\\n| `title-only` | Single headline |\\n| `title-subtitle` | Title + subtitle |\\n| `text-rich` | Title + subtitle + keyword tags (2-4) |\\n\\n## Mood Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `subtle` | Low contrast, muted colors, calm aesthetic |\\n| `balanced` | Medium contrast, normal saturation, versatile |\\n| `bold` | High contrast, vivid colors, dynamic energy |\\n\\n## Position Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `bottom-right` | Lower right corner (default, most common) |\\n| `bottom-left` | Lower left corner |\\n| `bottom-center` | Bottom center |\\n| `top-right` | Upper right corner |\\n\\n## Aspect Ratio Options\\n\\n| Value | Description | Best For |\\n|-------|-------------|----------|\\n| `2.35:1` | Cinematic widescreen | Article headers, blog covers |\\n| `16:9` | Standard widescreen | Presentations, video thumbnails |\\n| `1:1` | Square | Social media, profile images |\\n\\n## Custom Palette Fields\\n\\n| Field | Required | Description |\\n|-------|----------|-------------|\\n| `name` | Yes | Unique palette identifier (kebab-case) |\\n| `description` | Yes | What the palette conveys |\\n| `colors.primary` | No | Main colors (array of hex) |\\n| `colors.background` | No | Background color (hex) |\\n| `colors.accents` | No | Accent colors (array of hex) |\\n| `decorative_hints` | No | Decorative elements and patterns |\\n| `best_for` | No | Recommended content types |\\n\\n## Example: Minimal Preferences\\n\\n```yaml\\n---\\nversion: 3\\nwatermark:\\n  enabled: true\\n  content: \\"@myhandle\\"\\npreferred_type: null\\npreferred_palette: elegant\\npreferred_rendering: hand-drawn\\npreferred_text: title-only\\npreferred_mood: balanced\\nquick_mode: false\\n---\\n```\\n\\n## Example: Full Preferences\\n\\n```yaml\\n---\\nversion: 3\\nwatermark:\\n  enabled: true\\n  content: \\"myblog.com\\"\\n  position: bottom-right\\n\\npreferred_type: conceptual\\n\\npreferred_palette: cool\\n\\npreferred_rendering: digital\\n\\npreferred_text: title-subtitle\\n\\npreferred_mood: subtle\\n\\ndefault_aspect: \\"16:9\\"\\n\\nquick_mode: true\\n\\nlanguage: en\\n\\ncustom_palettes:\\n  - name: corporate-tech\\n    description: \\"Professional B2B tech palette\\"\\n    colors:\\n      primary: [\\"#1E3A5F\\", \\"#4A90D9\\"]\\n      background: \\"#F5F7FA\\"\\n      accents: [\\"#00B4D8\\", \\"#48CAE4\\"]\\n    decorative_hints: \\"Clean lines, subtle gradients, circuit patterns\\"\\n    best_for: \\"SaaS, enterprise, technical\\"\\n---\\n```\\n\\n## Migration from v2\\n\\nWhen loading v2 schema, auto-upgrade:\\n\\n| v2 Field | v3 Field | Migration |\\n|----------|----------|-----------|\\n| `version: 2` | `version: 3` | Update |\\n| `preferred_style` | `preferred_palette` + `preferred_rendering` | Use preset mapping table |\\n| `custom_styles` | `custom_palettes` | Rename, restructure fields |\\n\\n**Style → Palette + Rendering mapping**:\\n\\n| v2 `preferred_style` | v3 `preferred_palette` | v3 `preferred_rendering` |\\n|----------------------|----------------------|-------------------------|\\n| `elegant` | `elegant` | `hand-drawn` |\\n| `blueprint` | `cool` | `digital` |\\n| `chalkboard` | `dark` | `chalk` |\\n| `dark-atmospheric` | `dark` | `digital` |\\n| `editorial-infographic` | `cool` | `digital` |\\n| `fantasy-animation` | `pastel` | `painterly` |\\n| `flat-doodle` | `pastel` | `flat-vector` |\\n| `intuition-machine` | `retro` | `digital` |\\n| `minimal` | `mono` | `flat-vector` |\\n| `nature` | `earth` | `hand-drawn` |\\n| `notion` | `mono` | `digital` |\\n| `pixel-art` | `vivid` | `pixel` |\\n| `playful` | `pastel` | `hand-drawn` |\\n| `retro` | `retro` | `digital` |\\n| `sketch-notes` | `warm` | `hand-drawn` |\\n| `vector-illustration` | `retro` | `flat-vector` |\\n| `vintage` | `retro` | `hand-drawn` |\\n| `warm` | `warm` | `hand-drawn` |\\n| `watercolor` | `earth` | `painterly` |\\n| null (auto) | null | null |\\n\\n**Custom style migration**:\\n\\n| v2 Field | v3 Field |\\n|----------|----------|\\n| `custom_styles[].name` | `custom_palettes[].name` |\\n| `custom_styles[].description` | `custom_palettes[].description` |\\n| `custom_styles[].color_palette` | `custom_palettes[].colors` |\\n| `custom_styles[].visual_elements` | `custom_palettes[].decorative_hints` |\\n| `custom_styles[].typography` | (removed — determined by rendering) |\\n| `custom_styles[].best_for` | `custom_palettes[].best_for` |\\n\\n## Migration from v1\\n\\nWhen loading v1 schema, auto-upgrade to v3:\\n\\n| v1 Field | v3 Field | Default Value |\\n|----------|----------|---------------|\\n| (missing) | `version` | 3 |\\n| (missing) | `preferred_palette` | null |\\n| (missing) | `preferred_rendering` | null |\\n| (missing) | `preferred_text` | title-only |\\n| (missing) | `preferred_mood` | balanced |\\n| (missing) | `quick_mode` | false |\\n\\nv1 `--no-title` flag maps to `preferred_text: none`.\\n\\n\\n---\\n\\n## Reference: config/watermark-guide.md\\n\\n---\\nname: watermark-guide\\ndescription: Watermark configuration guide for baoyu-cover-image\\n---\\n\\n# Watermark Guide\\n\\n## Position Diagram\\n\\n```\\n┌─────────────────────────────┐\\n│                  [top-right]│\\n│                             │\\n│                             │\\n│       COVER IMAGE           │\\n│                             │\\n│                             │\\n│[bottom-left][bottom-center][bottom-right]│\\n└─────────────────────────────┘\\n```\\n\\n## Position Recommendations\\n\\n| Position | Best For | Avoid When |\\n|----------|----------|------------|\\n| `bottom-right` | Default choice, most common | Title in bottom-right |\\n| `bottom-left` | Right-heavy layouts | Key visual in bottom-left |\\n| `bottom-center` | Centered designs | Text-heavy bottom area |\\n| `top-right` | Bottom-heavy content | Title/header in top-right |\\n\\n## Content Format\\n\\n| Format | Example | Style |\\n|--------|---------|-------|\\n| Handle | `@username` | Social media |\\n| Domain | `myblog.com` | Cross-platform |\\n| Brand | `MyBrand` | Simple branding |\\n| Chinese | `博客名` | Chinese platforms |\\n\\n## Best Practices\\n\\n1. **Consistency**: Use same watermark across all covers\\n2. **Legibility**: Ensure watermark readable on both light/dark areas\\n3. **Size**: Keep subtle - should not distract from content\\n\\n## Prompt Integration\\n\\nWhen watermark is enabled, add to image generation prompt:\\n\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position].\\nThe watermark should be legible but not distracting from the main content.\\n```\\n\\n## Cover-Specific Considerations\\n\\n| Aspect Ratio | Recommended Position | Notes |\\n|--------------|---------------------|-------|\\n| 2.35:1 | bottom-right | Cinematic - keep corners clean |\\n| 16:9 | bottom-right | Standard - flexible placement |\\n| 1:1 | bottom-center | Square - centered often works better |\\n\\n## Common Issues\\n\\n| Issue | Solution |\\n|-------|----------|\\n| Watermark invisible | Adjust position or check contrast |\\n| Watermark too prominent | Change position or reduce size |\\n| Watermark overlaps title | Change position or reduce title area |\\n\\n\\n---\\n\\n## Reference: dimensions/font.md\\n\\n---\\nname: font-dimension\\ndescription: Typography style dimension for cover images\\n---\\n\\n# Font Dimension\\n\\nControls typography style and character feel.\\n\\n## Values\\n\\n| Font | Visual Style | Line Quality | Character |\\n|------|--------------|--------------|-----------|\\n| `clean` | Geometric sans-serif | Sharp, uniform | Modern, precise, neutral |\\n| `handwritten` | Hand-lettered, brush | Organic, varied | Warm, personal, friendly |\\n| `serif` | Classic serifs, elegant | Refined, structured | Editorial, authoritative |\\n| `display` | Bold, decorative | Heavy, expressive | Attention-grabbing, playful |\\n\\n## Detail\\n\\n### clean\\n\\nModern, universal typography with neutral character.\\n\\n**Characteristics**:\\n- Geometric sans-serif letterforms\\n- Sharp, uniform line weight\\n- Clean edges, no flourishes\\n- High readability at all sizes\\n- Minimal personality, maximum clarity\\n\\n**Use Cases**:\\n- Technical documentation\\n- Professional/corporate content\\n- Minimal design approaches\\n- Data-driven articles\\n- Modern brand aesthetics\\n\\n**Prompt Hints**:\\n- Use clean geometric sans-serif typography\\n- Modern, minimal letterforms\\n- Sharp edges, uniform stroke weight\\n- High contrast against background\\n\\n### handwritten\\n\\nWarm, organic typography with personal character.\\n\\n**Characteristics**:\\n- Hand-lettered or brush style\\n- Organic, varied line weight\\n- Natural imperfections\\n- Approachable, human feel\\n- Casual yet intentional\\n\\n**Use Cases**:\\n- Personal stories\\n- Lifestyle content\\n- Wellness and self-improvement\\n- Creative tutorials\\n- Friendly brand voices\\n\\n**Prompt Hints**:\\n- Use warm hand-lettered typography with organic brush strokes\\n- Friendly, personal feel\\n- Natural variation in stroke weight\\n- Approachable, human character\\n\\n### serif\\n\\nClassic, elegant typography with editorial authority.\\n\\n**Characteristics**:\\n- Traditional serif letterforms\\n- Refined, structured strokes\\n- Elegant proportions\\n- Timeless sophistication\\n- Formal, trustworthy feel\\n\\n**Use Cases**:\\n- Editorial content\\n- Academic articles\\n- Luxury brand content\\n- Historical topics\\n- Literary pieces\\n\\n**Prompt Hints**:\\n- Use elegant serif typography with refined letterforms\\n- Classic, editorial character\\n- Structured, proportional spacing\\n- Authoritative, sophisticated feel\\n\\n### display\\n\\nBold, decorative typography for maximum impact.\\n\\n**Characteristics**:\\n- Heavy, expressive letterforms\\n- Decorative elements\\n- Strong visual presence\\n- Playful or dramatic character\\n- Designed for headlines\\n\\n**Use Cases**:\\n- Announcements\\n- Entertainment content\\n- Promotional materials\\n- Event marketing\\n- Gaming topics\\n\\n**Prompt Hints**:\\n- Use bold decorative display typography\\n- Heavy, expressive headlines\\n- Strong visual impact\\n- Attention-grabbing character\\n\\n## Default\\n\\n`clean` — Universal, pairs well with most rendering styles.\\n\\n## Rendering Compatibility\\n\\n| Font × Rendering | flat-vector | hand-drawn | painterly | digital | pixel | chalk |\\n|------------------|:-----------:|:----------:|:---------:|:-------:|:-----:|:-----:|\\n| clean | ✓✓ | ✗ | ✗ | ✓✓ | ✓ | ✗ |\\n| handwritten | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ |\\n| serif | ✓ | ✗ | ✓ | ✓✓ | ✗ | ✗ |\\n| display | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |\\n\\n✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended\\n\\n## Type Compatibility\\n\\n| Font × Type | hero | conceptual | typography | metaphor | scene | minimal |\\n|-------------|:----:|:----------:|:----------:|:--------:|:-----:|:-------:|\\n| clean | ✓ | ✓✓ | ✓✓ | ✓ | ✗ | ✓✓ |\\n| handwritten | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ |\\n| serif | ✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ |\\n| display | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✗ |\\n\\n## Palette Interaction\\n\\nFont style adapts to palette characteristics:\\n\\n| Palette Category | clean | handwritten | serif | display |\\n|------------------|-------|-------------|-------|---------|\\n| Warm (warm, earth, pastel) | Softer weight | Natural fit | Warm tones | Playful energy |\\n| Cool (cool, mono, elegant) | Perfect match | Contrast | Classic pairing | Bold statement |\\n| Dark (dark, vivid) | High contrast | Glow effects | Dramatic | Maximum impact |\\n| Vintage (retro) | Modern contrast | Nostalgic fit | Period-appropriate | Retro headlines |\\n\\n## Auto Selection\\n\\nWhen `--font` is omitted, select based on signals:\\n\\n| Signals | Font |\\n|---------|------|\\n| Personal, lifestyle, human, warm, friendly, story | `handwritten` |\\n| Technical, professional, clean, modern, minimal, data | `clean` |\\n| Editorial, academic, luxury, classic, literary | `serif` |\\n| Announcement, entertainment, promotion, bold, event, gaming | `display` |\\n\\nDefault: `clean`\\n\\n\\n---\\n\\n## Reference: dimensions/mood.md\\n\\n---\\nname: mood-dimension\\ndescription: Emotional intensity dimension for cover images\\n---\\n\\n# Mood Dimension\\n\\nControls emotional intensity and visual weight of cover images.\\n\\n## Values\\n\\n| Value | Contrast | Saturation | Weight | Energy |\\n|-------|:--------:|:----------:|:------:|:------:|\\n| `subtle` | Low | Muted | Light | Calm |\\n| `balanced` | Medium | Normal | Medium | Moderate |\\n| `bold` | High | Vivid | Heavy | Dynamic |\\n\\n## Detail\\n\\n### subtle\\n\\nCalm, understated visual presence.\\n\\n**Characteristics**:\\n- Low contrast between elements\\n- Muted, desaturated colors\\n- Light visual weight\\n- Gentle, refined aesthetic\\n- Soft edges and transitions\\n\\n**Use Cases**:\\n- Thought leadership content\\n- Professional/corporate communications\\n- Meditation, wellness topics\\n- Academic or scholarly articles\\n- Luxury brand aesthetics\\n\\n**Color Guidance**:\\n- Pastels, earth tones, neutrals\\n- Low saturation (30-50%)\\n- Soft gradients\\n- Minimal color variety (2-3 colors)\\n\\n### balanced\\n\\nVersatile, harmonious visual presence.\\n\\n**Characteristics**:\\n- Medium contrast\\n- Natural saturation levels\\n- Balanced visual weight\\n- Clear but not aggressive\\n- Standard aesthetic approach\\n\\n**Use Cases**:\\n- General articles (default)\\n- Most blog content\\n- Educational material\\n- Product documentation\\n- News and updates\\n\\n**Color Guidance**:\\n- Standard saturation (50-70%)\\n- Complementary color schemes\\n- Clear foreground/background separation\\n- Moderate color variety (3-4 colors)\\n\\n### bold\\n\\nDynamic, high-impact visual presence.\\n\\n**Characteristics**:\\n- High contrast between elements\\n- Vivid, saturated colors\\n- Heavy visual weight\\n- Energetic, attention-grabbing\\n- Sharp edges and strong shapes\\n\\n**Use Cases**:\\n- Product launches\\n- Promotional announcements\\n- Event marketing\\n- Call-to-action content\\n- Entertainment/gaming topics\\n\\n**Color Guidance**:\\n- High saturation (70-100%)\\n- Vibrant, primary colors\\n- Strong contrast ratios\\n- Dynamic color combinations (4+ colors)\\n\\n## Type Compatibility\\n\\n| Type | subtle | balanced | bold |\\n|------|:------:|:--------:|:----:|\\n| hero | ✓ | ✓✓ | ✓✓ |\\n| conceptual | ✓✓ | ✓✓ | ✓ |\\n| typography | ✓ | ✓✓ | ✓✓ |\\n| metaphor | ✓✓ | ✓✓ | ✓ |\\n| scene | ✓✓ | ✓✓ | ✓ |\\n| minimal | ✓✓ | ✓✓ | ✗ |\\n\\n✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended\\n\\n## Palette Interaction\\n\\nMood modifies the base palette characteristics:\\n\\n| Palette Category | subtle | balanced | bold |\\n|------------------|--------|----------|------|\\n| Warm palettes (warm, earth, pastel) | More whitespace, softer tones | Standard colors | Deeper, richer warm tones |\\n| Cool palettes (cool, mono, elegant) | Lighter lines, muted colors | Standard colors | Stronger contrast, sharper definition |\\n| Dark palettes (dark, vivid) | Reduced contrast, softer glow | Standard colors | Maximum impact, vivid saturation |\\n| Vintage palettes (retro) | More faded, sepia-heavy | Standard colors | Bolder retro contrasts |\\n\\n## Rendering Interaction\\n\\nMood adjusts rendering characteristics:\\n\\n| Rendering | subtle | balanced | bold |\\n|-----------|--------|----------|------|\\n| flat-vector | Thinner strokes, lighter fills | Standard weight | Thicker strokes, stronger fills |\\n| hand-drawn | Lighter pencil pressure, more space | Standard strokes | Heavier marker strokes, denser elements |\\n| painterly | Diluted washes, more white | Standard brush | Thicker paint, saturated strokes |\\n| digital | Reduced shadows, lower contrast | Standard rendering | Stronger shadows, sharper edges |\\n| pixel | Fewer colors, simpler shapes | Standard palette | More colors, denser pixel detail |\\n| chalk | Lighter chalk, more board showing | Standard chalk | Heavy chalk, vivid colors, dense marks |\\n\\n## Auto Selection\\n\\nWhen `--mood` is omitted, select based on signals:\\n\\n| Signals | Mood Level |\\n|---------|------------|\\n| Professional, corporate, thought leadership, academic, luxury | `subtle` |\\n| General, educational, standard, blog, documentation | `balanced` |\\n| Launch, announcement, promotion, event, gaming, entertainment | `bold` |\\n\\nDefault: `balanced`\\n\\n\\n---\\n\\n## Reference: dimensions/text.md\\n\\n---\\nname: text-dimension\\ndescription: Text density dimension for cover images\\n---\\n\\n# Text Dimension\\n\\nControls text density and information hierarchy on cover images.\\n\\n## Values\\n\\n| Value | Title | Subtitle | Tags | Visual Area |\\n|-------|:-----:|:--------:|:----:|:-----------:|\\n| `none` | - | - | - | 100% |\\n| `title-only` | ✓ | - | - | 85% |\\n| `title-subtitle` | ✓ | ✓ | - | 75% |\\n| `text-rich` | ✓ | ✓ | ✓ (2-4) | 60% |\\n\\n## Detail\\n\\n### none\\n\\nPure visual cover with no text elements.\\n\\n**Use Cases**:\\n- Photography-focused covers\\n- Abstract art pieces\\n- Visual-only social sharing\\n- When title added externally\\n\\n**Composition**:\\n- Full visual area available\\n- No reserved text zones\\n- Emphasis on visual metaphor\\n\\n### title-only\\n\\nSingle headline, maximum impact.\\n\\n**Use Cases**:\\n- Most article covers (default)\\n- Clear single message\\n- Strong brand recognition\\n\\n**Composition**:\\n- Title: prominent placement\\n- Reserved zone: top or bottom 15%\\n- Visual supports title message\\n\\n**Title Guidelines**:\\n- Use exact title from source content or user-provided title\\n- Do NOT invent or modify titles\\n- Match content language\\n\\n### title-subtitle\\n\\nTitle with supporting context.\\n\\n**Use Cases**:\\n- Technical articles needing clarification\\n- Series with episode/part info\\n- Content with dual messages\\n\\n**Composition**:\\n- Title: primary element\\n- Subtitle: secondary element\\n- Reserved zone: 25%\\n- Clear hierarchy between title/subtitle\\n\\n**Title Guidelines**:\\n- Use exact title from source content or user-provided title\\n- Do NOT invent or modify titles\\n\\n**Subtitle Guidelines**:\\n- Clarify or contextualize title\\n- Can include series name, author, date\\n- Smaller, less prominent than title\\n\\n### text-rich\\n\\nInformation-dense cover with multiple text elements.\\n\\n**Use Cases**:\\n- Infographic-style covers\\n- Event announcements with details\\n- Promotional material with features\\n- Content with multiple key points\\n\\n**Composition**:\\n- Title: primary focus\\n- Subtitle: supporting info\\n- Tags: 2-4 keyword labels\\n- Reserved zone: 40%\\n- Clear visual hierarchy\\n\\n**Title Guidelines**:\\n- Use exact title from source content or user-provided title\\n- Do NOT invent or modify titles\\n\\n**Tag Guidelines**:\\n- 2-4 tags maximum\\n- Short keywords (1-2 words each)\\n- Positioned as badges/labels\\n- Can highlight: category, date, author, key features\\n\\n## Type Compatibility\\n\\n| Type | none | title-only | title-subtitle | text-rich |\\n|------|:----:|:----------:|:--------------:|:---------:|\\n| hero | ✓ | ✓✓ | ✓✓ | ✓ |\\n| conceptual | ✓✓ | ✓✓ | ✓ | ✓ |\\n| typography | ✗ | ✓ | ✓✓ | ✓✓ |\\n| metaphor | ✓✓ | ✓ | ✓ | ✗ |\\n| scene | ✓✓ | ✓ | ✓ | ✗ |\\n| minimal | ✓✓ | ✓✓ | ✓ | ✗ |\\n\\n✓✓ = highly recommended | ✓ = compatible | ✗ = not recommended\\n\\n## Auto Selection\\n\\nWhen `--text` is omitted, select based on signals:\\n\\n| Signals | Text Level |\\n|---------|------------|\\n| Visual-only, photography, abstract, art | `none` |\\n| Article, blog, standard cover | `title-only` |\\n| Series, tutorial, technical with context | `title-subtitle` |\\n| Announcement, features, multiple points, infographic | `text-rich` |\\n\\nDefault: `title-only`\\n\\n\\n---\\n\\n## Reference: palettes/cool.md\\n\\n# cool\\n\\nTechnical, professional, precise\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Engineering Blue | #2563EB |\\n| Primary 2 | Navy Blue | #1E3A5F |\\n| Primary 3 | Cyan | #06B6D4 |\\n| Background | Light Gray | #F8F9FA |\\n| Background Alt | Blueprint Off-White | #FAF8F5 |\\n| Accent 1 | Amber | #F59E0B |\\n| Accent 2 | Light Blue | #BFDBFE |\\n\\n## Decorative Hints\\n\\n- Grid lines and alignment guides\\n- Dimension indicators and measurements\\n- Technical schematics and diagrams\\n- Geometric precision elements\\n\\n## Best For\\n\\nArchitecture, system design, API, technical documentation, engineering, data analysis\\n\\n\\n---\\n\\n## Reference: palettes/dark.md\\n\\n# dark\\n\\nCinematic, premium, atmospheric\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Electric Purple | #8B5CF6 |\\n| Primary 2 | Cyan Blue | #06B6D4 |\\n| Primary 3 | Magenta Pink | #EC4899 |\\n| Background | Deep Purple-Black | #0A0A0A |\\n| Background Alt | Rich Navy | #1A1A2E |\\n| Accent 1 | Amber | #F59E0B |\\n| Accent 2 | Pure White | #FFFFFF |\\n\\n## Decorative Hints\\n\\n- Glowing accent elements and neon highlights\\n- Atmospheric fog or particle effects\\n- Silhouettes with backlit edges\\n- Subtle gradient backgrounds\\n\\n## Best For\\n\\nEntertainment, premium brands, cinematic storytelling, dark mode, gaming, night themes\\n\\n\\n---\\n\\n## Reference: palettes/earth.md\\n\\n# earth\\n\\nNatural, organic, grounded\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Forest Green | #276749 |\\n| Primary 2 | Sage | #9AE6B4 |\\n| Primary 3 | Earth Brown | #744210 |\\n| Background | Sand Beige | #F5E6D3 |\\n| Background Alt | Sky Blue | #E0F2FE |\\n| Accent 1 | Sunset Orange | #ED8936 |\\n| Accent 2 | Water Blue | #63B3ED |\\n\\n## Decorative Hints\\n\\n- Leaves, trees, mountains, natural forms\\n- Sun, clouds, organic flowing lines\\n- Botanical illustrations\\n- Earthy textures and natural patterns\\n\\n## Best For\\n\\nNature, wellness, eco, organic, travel, sustainability, outdoor topics, slow living\\n\\n\\n---\\n\\n## Reference: palettes/elegant.md\\n\\n# elegant\\n\\nSophisticated, refined, understated luxury\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Soft Coral | #E8A598 |\\n| Primary 2 | Muted Teal | #5B8A8A |\\n| Primary 3 | Dusty Rose | #D4A5A5 |\\n| Background | Warm Cream | #F5F0E6 |\\n| Background Alt | Soft Beige | #F0EBE0 |\\n| Accent 1 | Gold | #C9A962 |\\n| Accent 2 | Copper | #B87333 |\\n\\n## Decorative Hints\\n\\n- Delicate ornamental details\\n- Subtle gradients and soft transitions\\n- Refined geometric patterns\\n- Balanced, symmetrical compositions\\n\\n## Best For\\n\\nBusiness, professional, thought leadership, luxury, corporate communications\\n\\n\\n---\\n\\n## Reference: palettes/mono.md\\n\\n# mono\\n\\nClean, focused, essential\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Pure Black | #000000 |\\n| Primary 2 | Near Black | #1F1F1F |\\n| Primary 3 | Dark Gray | #374151 |\\n| Background | White | #FFFFFF |\\n| Background Alt | Off-White | #FAFAFA |\\n| Accent 1 | Content-derived single color | - |\\n| Accent 2 | Medium Gray | #9CA3AF |\\n\\n## Decorative Hints\\n\\n- Maximum negative space\\n- Thin lines and minimal strokes\\n- Single focal point emphasis\\n- Stark contrast between elements\\n\\n## Best For\\n\\nZen, focus, essential concepts, pure, simple, minimalist philosophy, clean design\\n\\n\\n---\\n\\n## Reference: palettes/pastel.md\\n\\n# pastel\\n\\nGentle, whimsical, soft\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Soft Pink | #FFB6C1 |\\n| Primary 2 | Mint | #98D8C8 |\\n| Primary 3 | Lavender | #C8A2C8 |\\n| Background | White | #FFFFFF |\\n| Background Alt | Light Cream | #FFF8E7 |\\n| Accent 1 | Butter Yellow | #FFFACD |\\n| Accent 2 | Sky Blue | #BEE3F8 |\\n\\n## Decorative Hints\\n\\n- Cute rounded proportions\\n- Stars, sparkles, flowers, decorative flourishes\\n- Soft shadows and gentle highlights\\n- Storybook-style elements\\n\\n## Best For\\n\\nFantasy, children, gentle content, creative, whimsical, casual, beginner guides\\n\\n\\n---\\n\\n## Reference: palettes/retro.md\\n\\n# retro\\n\\nNostalgic, vintage, classic\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Coral Red | #E07A5F |\\n| Primary 2 | Mint Green | #81B29A |\\n| Primary 3 | Mustard Yellow | #F2CC8F |\\n| Primary 4 | Dark Maroon | #5D3A3A |\\n| Background | Cream Off-White | #F5F0E6 |\\n| Background Alt | Aged Paper | #F5E6D3 |\\n| Accent 1 | Burnt Orange | #D4764A |\\n| Accent 2 | Rock Blue | #577590 |\\n| Accent 3 | Vintage Gold | #C9A227 |\\n| Accent 4 | Faded Teal | #2F7373 |\\n\\n## Decorative Hints\\n\\n- Halftone dots and vintage badges\\n- Aged textures with subtle paper grain\\n- Sunburst/radiating lines for energy\\n- Pill-shaped clouds, small dots and stars\\n- Classic icons and retro motifs\\n\\n## Best For\\n\\nHistory, vintage, retro, classic, exploration, retrospectives, throwback content, creative proposals, educational\\n\\n\\n---\\n\\n## Reference: palettes/vivid.md\\n\\n# vivid\\n\\nEnergetic, bold, attention-grabbing\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Bright Red | #EF4444 |\\n| Primary 2 | Neon Green | #22C55E |\\n| Primary 3 | Electric Blue | #3B82F6 |\\n| Background | Light Blue | #EFF6FF |\\n| Background Alt | Soft Lavender | #F5F3FF |\\n| Accent 1 | Bright Orange | #FB923C |\\n| Accent 2 | Vivid Yellow | #FACC15 |\\n\\n## Decorative Hints\\n\\n- Dynamic diagonal lines and angles\\n- Bold geometric shapes and color blocks\\n- Dramatic lighting effects\\n- High-energy visual compositions\\n\\n## Best For\\n\\nProduct launch, gaming, promotion, event, marketing, announcements, brand showcases\\n\\n\\n---\\n\\n## Reference: palettes/warm.md\\n\\n# warm\\n\\nFriendly, approachable, human-centered\\n\\n## Color Palette\\n\\n| Role | Color | Hex |\\n|------|-------|-----|\\n| Primary 1 | Warm Orange | #ED8936 |\\n| Primary 2 | Golden Yellow | #F6AD55 |\\n| Primary 3 | Terracotta | #C05621 |\\n| Background | Cream | #FFFAF0 |\\n| Background Alt | Soft Peach | #FED7AA |\\n| Accent 1 | Deep Brown | #744210 |\\n| Accent 2 | Soft Red | #E53E3E |\\n\\n## Decorative Hints\\n\\n- Sun rays, warm lighting effects\\n- Rounded shapes, organic curves\\n- Hearts, smiling faces, friendly icons\\n- Warm gradient overlays\\n\\n## Best For\\n\\nPersonal growth, lifestyle, education, human stories, emotion, community\\n\\n\\n---\\n\\n## Reference: renderings/chalk.md\\n\\n# chalk\\n\\nEducational, authentic, classroom\\n\\n## Core Characteristics\\n\\nChalk on blackboard aesthetic with imperfect strokes, dust effects, and authentic classroom feel. Nostalgic educational warmth.\\n\\n## Lines\\n\\n- Imperfect chalk strokes with variable pressure\\n- Visible chalk texture and grain\\n- Slightly wobbly, hand-drawn quality\\n- Thick strokes for emphasis, thin for details\\n\\n## Texture\\n\\n- Chalk dust effects around text and elements\\n- Board surface (dark, slightly worn)\\n- Eraser smudges and residue\\n- Grainy chalk quality on all elements\\n\\n## Depth\\n\\n- None: flat chalk drawings on board surface\\n- Layering through erasure and redrawing\\n- No shadows or perspective\\n\\n## Element Vocabulary\\n\\n- Chalk doodles: stars, arrows, underlines\\n- Mathematical formulas and diagrams\\n- Stick figures and simple icons\\n- Connection lines with chalk feel\\n- Checkmarks, circles, boxes for lists\\n- Wooden frame border optional\\n\\n## Typography Approach\\n\\n- Hand-drawn chalk lettering\\n- Imperfect baseline, authentic classroom feel\\n- White or bright colored chalk for emphasis\\n- Variable sizing for hierarchy\\n\\n\\n---\\n\\n## Reference: renderings/digital.md\\n\\n# digital\\n\\nPolished, precise, modern\\n\\n## Core Characteristics\\n\\nClean digital illustration with polished finish, precise edges, and subtle modern effects. Feels like a professional UI mockup or corporate illustration.\\n\\n## Lines\\n\\n- Clean, precise, computer-perfect edges\\n- Consistent stroke weights\\n- Sharp corners where appropriate\\n- Anti-aliased smooth rendering\\n\\n## Texture\\n\\n- Smooth surfaces with no visible texture\\n- Subtle gradients permitted (soft, controlled)\\n- Frosted glass and blur effects\\n- Clean shadows with consistent direction\\n\\n## Depth\\n\\n- Subtle gradients and soft drop shadows\\n- Layered card-based layouts\\n- Light 3D effects (subtle, not realistic)\\n- Material Design-inspired elevation\\n\\n## Element Vocabulary\\n\\n- Polished icons and UI components\\n- Data visualizations: charts, graphs, metrics\\n- Card layouts and structured grids\\n- Tag chips, progress bars, status indicators\\n- Clean geometric shapes\\n\\n## Typography Approach\\n\\n- System UI or modern sans-serif (Inter, SF Pro style)\\n- Clean, functional, high readability\\n- Structured hierarchy with consistent spacing\\n\\n\\n---\\n\\n## Reference: renderings/flat-vector.md\\n\\n# flat-vector\\n\\nClean, modern, geometric illustration\\n\\n## Core Characteristics\\n\\nFlat design with clean outlines, uniform fills, and no texture or depth. Think modern app icons, infographic illustrations, and vector-based editorial art.\\n\\n## Lines\\n\\n- Clean outlines with uniform stroke weight\\n- Closed shapes (coloring-book style)\\n- Rounded line endings, avoid sharp corners\\n- Consistent stroke width throughout\\n\\n## Texture\\n\\n- None: smooth, flat color fills only\\n- No gradients, shadows, or noise\\n- Solid color blocks\\n\\n## Depth\\n\\n- Flat: no shadows, no perspective\\n- 2D layering with overlap for depth illusion\\n- Optional 2.5D isometric layering (front/back occlusion, no atmospheric perspective)\\n- No 3D effects or bevels\\n\\n## Element Vocabulary\\n\\n- Geometric icons and simple shapes\\n- Bold outlined objects with clean fills\\n- Geometric simplification: complex objects → basic shapes (trees → lollipop/triangle, buildings → rectangles)\\n- \\"Toy model\\" aesthetic: cute, rounded proportions\\n- Decorative: dots, lines, sunbursts, pill-shaped clouds, small stars\\n- Isolated elements on clean backgrounds\\n\\n## Typography Approach\\n\\n- Clean sans-serif or bold geometric lettering\\n- Strong readability, consistent weight\\n- Easily scalable at any size\\n\\n\\n---\\n\\n## Reference: renderings/hand-drawn.md\\n\\n# hand-drawn\\n\\nSketchy, organic, personal\\n\\n## Core Characteristics\\n\\nHand-drawn illustration with visible imperfections, organic line quality, and personal touch. Feels like a skilled artist\'s sketchbook or whiteboard drawing.\\n\\n## Lines\\n\\n- Sketchy, organic, slightly imperfect strokes\\n- Variable line weight (thicker at pressure points)\\n- Wavy connectors and arrows\\n- Natural hand tremor visible\\n\\n## Texture\\n\\n- Paper grain and subtle surface texture\\n- Pencil/pen/marker texture on strokes\\n- Casual fills with visible brush direction\\n\\n## Depth\\n\\n- Minimal: light hand-drawn shadows or hatching\\n- No realistic depth or perspective\\n- Simple layering with overlap\\n\\n## Element Vocabulary\\n\\n- Doodles, organic shapes, hand-lettered labels\\n- Conceptual icons with sketchy quality\\n- Connection lines with hand-drawn wavy feel\\n- Stars, arrows, underlines, circles, checkmarks\\n- Stick figures and simple characters\\n\\n## Typography Approach\\n\\n- Hand-lettered or marker-style text\\n- Bouncy baselines, organic feel\\n- Variable sizes for emphasis hierarchy\\n\\n\\n---\\n\\n## Reference: renderings/painterly.md\\n\\n# painterly\\n\\nSoft, artistic, expressive\\n\\n## Core Characteristics\\n\\nWatercolor or paint-style illustration with visible brush strokes, color bleeds, and artistic texture. Feels like a hand-painted art piece.\\n\\n## Lines\\n\\n- Soft brush strokes with variable opacity\\n- No hard outlines; edges defined by color transitions\\n- Organic flowing strokes with natural blending\\n\\n## Texture\\n\\n- Visible paint or watercolor wash textures\\n- Color bleeds and wet-on-wet effects\\n- Paper texture showing through transparent areas\\n- Brush stroke patterns visible\\n\\n## Depth\\n\\n- Soft edges with natural color blending\\n- Atmospheric depth through color fading\\n- Layered washes creating depth illusion\\n\\n## Element Vocabulary\\n\\n- Watercolor washes as backgrounds\\n- Natural elements: leaves, flowers, organic forms\\n- Soft gradients and color transitions\\n- Splatter and drip effects as accents\\n- Botanical and environmental motifs\\n\\n## Typography Approach\\n\\n- Elegant brush script or handwritten style\\n- Organic letterforms with brush texture\\n- Integrated with paint environment\\n\\n\\n---\\n\\n## Reference: renderings/pixel.md\\n\\n# pixel\\n\\nRetro 8-bit, nostalgic, chunky\\n\\n## Core Characteristics\\n\\nPixel art aesthetic with visible pixel grid, limited color palette, and nostalgic gaming feel. Emulates classic 8-bit and 16-bit era graphics.\\n\\n## Lines\\n\\n- Pixel grid alignment, no anti-aliasing\\n- Staircase edges on diagonals\\n- Single-pixel or double-pixel outlines\\n- Blocky, angular forms\\n\\n## Texture\\n\\n- Dithering patterns for gradients\\n- No smooth transitions\\n- Cross-hatching with pixel precision\\n- Limited 16-32 color palette per scene\\n\\n## Depth\\n\\n- None: flat pixel planes only\\n- Parallax layering (foreground/background)\\n- No perspective or 3D effects\\n\\n## Element Vocabulary\\n\\n- 8-bit sprites and chunky shapes\\n- Simple iconography: stars, hearts, arrows\\n- Text bubbles with pixel borders\\n- Progress bars with chunky segments\\n- Retro gaming UI elements\\n\\n## Typography Approach\\n\\n- Pixelated bitmap font style\\n- Chunky blocky letterforms\\n- Fixed-width or monospace feel\\n- All-caps for headers\\n\\n\\n---\\n\\n## Reference: style-presets.md\\n\\n# Style Presets\\n\\n`--style X` expands to a palette + rendering combination. Users can override either dimension.\\n\\n| --style | Palette | Rendering |\\n|---------|---------|-----------|\\n| `elegant` | `elegant` | `hand-drawn` |\\n| `blueprint` | `cool` | `digital` |\\n| `chalkboard` | `dark` | `chalk` |\\n| `dark-atmospheric` | `dark` | `digital` |\\n| `editorial-infographic` | `cool` | `digital` |\\n| `fantasy-animation` | `pastel` | `painterly` |\\n| `flat-doodle` | `pastel` | `flat-vector` |\\n| `intuition-machine` | `retro` | `digital` |\\n| `minimal` | `mono` | `flat-vector` |\\n| `nature` | `earth` | `hand-drawn` |\\n| `notion` | `mono` | `digital` |\\n| `pixel-art` | `vivid` | `pixel` |\\n| `playful` | `pastel` | `hand-drawn` |\\n| `retro` | `retro` | `digital` |\\n| `sketch-notes` | `warm` | `hand-drawn` |\\n| `vector-illustration` | `retro` | `flat-vector` |\\n| `vintage` | `retro` | `hand-drawn` |\\n| `warm` | `warm` | `hand-drawn` |\\n| `warm-flat` | `warm` | `flat-vector` |\\n| `watercolor` | `earth` | `painterly` |\\n\\n## Override Examples\\n\\n- `--style blueprint --rendering hand-drawn` = cool palette with hand-drawn rendering\\n- `--style elegant --palette warm` = warm palette with hand-drawn rendering\\n\\nExplicit `--palette`/`--rendering` flags always override preset values.\\n\\n\\n---\\n\\n## Reference: types.md\\n\\n# Type Composition Guidelines\\n\\n## Type Gallery\\n\\n| Type | Description | Best For |\\n|------|-------------|----------|\\n| `hero` | Large visual impact, title overlay | Product launch, brand promotion, major announcements |\\n| `conceptual` | Concept visualization, abstract core ideas | Technical articles, methodology, architecture design |\\n| `typography` | Text-focused layout, prominent title | Opinion pieces, quotes, insights |\\n| `metaphor` | Visual metaphor, concrete expressing abstract | Philosophy, growth, personal development |\\n| `scene` | Atmospheric scene, narrative feel | Stories, travel, lifestyle |\\n| `minimal` | Minimalist composition, generous whitespace | Zen, focus, core concepts |\\n\\n## Type-Specific Composition\\n\\n| Type | Composition Guidelines |\\n|------|------------------------|\\n| `hero` | Large focal visual (60-70% area), title overlay on visual, dramatic composition |\\n| `conceptual` | Abstract shapes representing core concepts, information hierarchy, clean zones |\\n| `typography` | Title as primary element (40%+ area), minimal supporting visuals, strong hierarchy |\\n| `metaphor` | Concrete object/scene representing abstract idea, symbolic elements, emotional resonance |\\n| `scene` | Atmospheric environment, narrative elements, mood-setting lighting and colors |\\n| `minimal` | Single focal element, generous whitespace (60%+), essential shapes only |\\n\\n\\n---\\n\\n## Reference: visual-elements.md\\n\\n# Visual Elements Library\\n\\nIcon and symbol vocabulary organized by topic. Use these as building blocks for cover compositions.\\n\\n## Tech & Development\\n\\n| Element | Use For |\\n|---------|---------|\\n| Code window / Terminal | Programming, development |\\n| Gear / Cog | Engineering, settings, process |\\n| Circuit board / Chip | Hardware, AI, computing |\\n| Binary / Data stream | Data, algorithms |\\n| API brackets `</>` | Web development, APIs |\\n| Cloud | Cloud computing, SaaS |\\n| Lock / Shield | Security, privacy |\\n| Network nodes | Distributed systems, connections |\\n\\n## Ideas & Innovation\\n\\n| Element | Use For |\\n|---------|---------|\\n| Lightbulb | Ideas, insights, innovation |\\n| Rocket | Launch, growth, startups |\\n| Target / Bullseye | Goals, precision, focus |\\n| Puzzle piece | Problem solving, integration |\\n| Key | Solutions, access, unlocking |\\n| Magnifying glass | Analysis, search, discovery |\\n| Chart / Graph | Data, trends, growth |\\n| Arrow / Path | Direction, journey, progress |\\n\\n## Communication & Collaboration\\n\\n| Element | Use For |\\n|---------|---------|\\n| Speech bubble | Communication, dialogue |\\n| Chat dots `...` | Conversation, messaging |\\n| Handshake | Partnership, agreement |\\n| Team / Figures | Collaboration, community |\\n| Mail / Envelope | Notifications, outreach |\\n| Megaphone | Announcements, marketing |\\n| Network / Web | Social, connections |\\n\\n## Nature & Growth\\n\\n| Element | Use For |\\n|---------|---------|\\n| Plant / Sprout | Growth, organic, sustainability |\\n| Tree | Established, structure, branching |\\n| Leaf | Eco, natural, fresh |\\n| Sun / Rays | Energy, positivity, new beginnings |\\n| Mountain | Challenge, achievement, scale |\\n| Wave | Flow, change, rhythm |\\n| Seed → Plant | Transformation, potential |\\n\\n## Tools & Actions\\n\\n| Element | Use For |\\n|---------|---------|\\n| Wrench / Hammer | Building, fixing, tools |\\n| Pencil / Pen | Writing, creation, editing |\\n| Brush | Design, creativity, art |\\n| Scissors | Cutting, editing, trimming |\\n| Clock / Timer | Time, scheduling, deadlines |\\n| Calendar | Planning, events, milestones |\\n| Checklist / Checkbox | Tasks, completion, validation |\\n\\n## Abstract Concepts\\n\\n| Element | Use For |\\n|---------|---------|\\n| Infinity ∞ | Continuous, endless, loops |\\n| Yin-yang | Balance, duality, harmony |\\n| Spiral | Evolution, recursion, cycles |\\n| Stack / Layers | Depth, hierarchy, structure |\\n| Bridge | Connection, transition, spanning |\\n| Door / Portal | Opportunity, entry, access |\\n| Mirror / Reflection | Self-improvement, analysis |\\n\\n## Combination Patterns\\n\\nCreate visual metaphors by combining elements:\\n\\n| Combination | Represents |\\n|-------------|------------|\\n| Lightbulb + Gear | Innovative engineering |\\n| Plant + Code | Organic tech growth |\\n| Rocket + Target | Precise acceleration |\\n| Key + Lock | Security solutions |\\n| Bridge + People | Team connections |\\n| Magnifier + Data | Analytics, insights |\\n\\n## Rendering-Specific Treatment\\n\\n| Rendering | Element Style |\\n|-----------|---------------|\\n| `flat-vector` | Geometric, simple shapes, uniform fills |\\n| `hand-drawn` | Sketchy, organic, doodle-like |\\n| `painterly` | Soft edges, brush strokes |\\n| `digital` | Precise, gradient hints, polished |\\n| `pixel` | 8-bit chunky, grid-aligned |\\n| `chalk` | Dusty, textured, board style |\\n\\n\\n---\\n\\n## Reference: workflow/confirm-options.md\\n\\n# Step 2: Confirm Options\\n\\n## Purpose\\n\\nValidate all 6 dimensions + aspect ratio.\\n\\n## Skip Conditions\\n\\n| Condition | Skipped Questions | Still Asked |\\n|-----------|-------------------|-------------|\\n| `--quick` flag | Type, Palette, Rendering, Text, Mood, Font | **Aspect Ratio** (unless `--aspect` specified) |\\n| All 6 dimensions + `--aspect` specified | All | None |\\n| `quick_mode: true` in EXTEND.md | Type, Palette, Rendering, Text, Mood, Font | **Aspect Ratio** (unless `--aspect` specified) |\\n| Otherwise | None | All 7 questions |\\n\\n**Important**: Aspect ratio is ALWAYS asked unless explicitly specified via `--aspect` CLI flag. User presets in EXTEND.md are shown as recommended option, not auto-selected.\\n\\n## Quick Mode Output\\n\\nWhen skipping 6 dimensions:\\n\\n```\\nQuick Mode: Auto-selected dimensions\\n• Type: [type] ([reason])\\n• Palette: [palette] ([reason])\\n• Rendering: [rendering] ([reason])\\n• Text: [text] ([reason])\\n• Mood: [mood] ([reason])\\n• Font: [font] ([reason])\\n\\n[Then ask Question 7: Aspect Ratio]\\n```\\n\\n## Confirmation Flow\\n\\n**Language**: Auto-determined (user\'s input language > saved preference > source language). No need to ask.\\n\\nPresent ALL options in a **single AskUserQuestion call** (4 questions max).\\n\\nSkip any question where the dimension is already specified via CLI flag or `--style` preset.\\n\\n### Q1: Type (skip if `--type`)\\n\\n```yaml\\nheader: \\"Type\\"\\nquestion: \\"Which cover type?\\"\\nmultiSelect: false\\noptions:\\n  - label: \\"[auto-recommended type] (Recommended)\\"\\n    description: \\"[reason based on content signals]\\"\\n  - label: \\"hero\\"\\n    description: \\"Large visual impact, title overlay - product launch, announcements\\"\\n  - label: \\"conceptual\\"\\n    description: \\"Concept visualization - technical, architecture\\"\\n  - label: \\"typography\\"\\n    description: \\"Text-focused layout - opinions, quotes\\"\\n```\\n\\n### Q2: Palette (skip if `--palette` or `--style`)\\n\\n```yaml\\nheader: \\"Palette\\"\\nquestion: \\"Which color palette?\\"\\nmultiSelect: false\\noptions:\\n  - label: \\"[auto-recommended palette] (Recommended)\\"\\n    description: \\"[reason based on content signals]\\"\\n  - label: \\"warm\\"\\n    description: \\"Friendly - orange, golden yellow, terracotta\\"\\n  - label: \\"elegant\\"\\n    description: \\"Sophisticated - soft coral, muted teal, dusty rose\\"\\n  - label: \\"cool\\"\\n    description: \\"Technical - engineering blue, navy, cyan\\"\\n```\\n\\n### Q3: Rendering (skip if `--rendering` or `--style`)\\n\\nShow compatible renderings (✓✓ first from compatibility matrix):\\n\\n```yaml\\nheader: \\"Rendering\\"\\nquestion: \\"Which rendering style?\\"\\nmultiSelect: false\\noptions:\\n  - label: \\"[best compatible rendering] (Recommended)\\"\\n    description: \\"[reason based on palette + type + content]\\"\\n  - label: \\"flat-vector\\"\\n    description: \\"Clean outlines, flat fills, geometric icons\\"\\n  - label: \\"hand-drawn\\"\\n    description: \\"Sketchy, organic, imperfect strokes\\"\\n  - label: \\"digital\\"\\n    description: \\"Polished, precise, subtle gradients\\"\\n```\\n\\n### Q4: Font (skip if `--font`)\\n\\n```yaml\\nheader: \\"Font\\"\\nquestion: \\"Which font style?\\"\\nmultiSelect: false\\noptions:\\n  - label: \\"[auto-recommended font] (Recommended)\\"\\n    description: \\"[reason based on content signals]\\"\\n  - label: \\"clean\\"\\n    description: \\"Modern geometric sans-serif - tech, professional\\"\\n  - label: \\"handwritten\\"\\n    description: \\"Warm hand-lettered - personal, friendly\\"\\n  - label: \\"serif\\"\\n    description: \\"Classic elegant - editorial, luxury\\"\\n  - label: \\"display\\"\\n    description: \\"Bold decorative - announcements, entertainment\\"\\n```\\n\\n### Q5: Other Settings (skip if all remaining dimensions already specified)\\n\\nCombine remaining settings into one question. Include: Output Dir (if no preference + file path input), Text, Mood, Aspect. Show auto-selected values as recommended option. User can accept all or type adjustments via \\"Other\\".\\n\\n**When output dir needs asking** (no `default_output_dir` preference + file path input):\\n\\n```yaml\\nheader: \\"Settings\\"\\nquestion: \\"Output / Text / Mood / Aspect?\\"\\nmultiSelect: false\\noptions:\\n  - label: \\"imgs/ / [auto-text] / [auto-mood] / [preset-aspect] (Recommended)\\"\\n    description: \\"{article-dir}/imgs/, [text reason], [mood reason], [aspect source]\\"\\n  - label: \\"same-dir / [auto-text] / [auto-mood] / [preset-aspect]\\"\\n    description: \\"{article-dir}/, same directory as article\\"\\n  - label: \\"independent / [auto-text] / [auto-mood] / [preset-aspect]\\"\\n    description: \\"cover-image/{topic-slug}/, separate from article\\"\\n```\\n\\n**When output dir already set** (preference exists or pasted content):\\n\\n```yaml\\nheader: \\"Settings\\"\\nquestion: \\"Text / Mood / Aspect?\\"\\nmultiSelect: false\\noptions:\\n  - label: \\"[auto-text] / [auto-mood] / [preset-aspect] (Recommended)\\"\\n    description: \\"Auto-selected: [text reason], [mood reason], [aspect source]\\"\\n  - label: \\"[auto-text] / bold / [preset-aspect]\\"\\n    description: \\"High contrast, vivid — matches [content signal]\\"\\n  - label: \\"[auto-text] / subtle / [preset-aspect]\\"\\n    description: \\"Low contrast, muted — calm, professional\\"\\n```\\n\\n*Note*: \\"Other\\" (auto-added) allows typing custom combo. Parse `/`-separated values matching the question format.\\n\\n## After Response\\n\\nProceed to Step 3 with confirmed dimensions.\\n\\n\\n---\\n\\n## Reference: workflow/prompt-template.md\\n\\n# Step 3: Prompt Template\\n\\nSave to `prompts/cover.md`:\\n\\n```markdown\\n---\\ntype: cover\\npalette: [confirmed palette]\\nrendering: [confirmed rendering]\\nreferences:\\n  - ref_id: 01\\n    filename: refs/ref-01-{slug}.{ext}\\n    usage: direct | style | palette\\n  - ref_id: 02\\n    filename: refs/ref-02-{slug}.{ext}\\n    usage: direct | style | palette\\n---\\n\\n# Content Context\\nArticle title: [full original title from source]\\nContent summary: [2-3 sentence summary of key points and themes]\\nKeywords: [5-8 key terms extracted from content]\\n\\n# Visual Design\\nCover theme: [2-3 words visual interpretation]\\nType: [confirmed type]\\nPalette: [confirmed palette]\\nRendering: [confirmed rendering]\\nFont: [confirmed font]\\nText level: [confirmed text level]\\nMood: [confirmed mood]\\nAspect ratio: [confirmed ratio]\\nLanguage: [confirmed language]\\n\\n# Text Elements\\n[Based on text level:]\\n- none: \\"No text elements\\"\\n- title-only: \\"Title: [exact title from source or user]\\"\\n- title-subtitle: \\"Title: [title] / Subtitle: [context]\\"\\n- text-rich: \\"Title: [title] / Subtitle: [context] / Tags: [2-4 keywords]\\"\\n\\n# Mood Application\\n[Based on mood level:]\\n- subtle: \\"Use low contrast, muted colors, light visual weight, calm aesthetic\\"\\n- balanced: \\"Use medium contrast, normal saturation, balanced visual weight\\"\\n- bold: \\"Use high contrast, vivid saturated colors, heavy visual weight, dynamic energy\\"\\n\\n# Font Application\\n[Based on font style:]\\n- clean: \\"Use clean geometric sans-serif typography. Modern, minimal letterforms.\\"\\n- handwritten: \\"Use warm hand-lettered typography with organic brush strokes. Friendly, personal feel.\\"\\n- serif: \\"Use elegant serif typography with refined letterforms. Classic, editorial character.\\"\\n- display: \\"Use bold decorative display typography. Heavy, expressive headlines.\\"\\n\\n# Composition\\nType composition:\\n- [Type-specific layout and structure]\\n\\nVisual composition:\\n- Main visual: [metaphor derived from content meaning]\\n- Layout: [positioning based on type and aspect ratio]\\n- Decorative: [palette-specific elements that reinforce content theme]\\n\\nColor scheme: [primary, background, accent from palette definition, adjusted by mood]\\nRendering notes: [key characteristics from rendering definition — lines, texture, depth, element style]\\nType notes: [key characteristics from type definition]\\nPalette notes: [key characteristics from palette definition]\\n\\n[Watermark section if enabled]\\n\\n[Reference images section if provided — REQUIRED, see below]\\n```\\n\\n## Reference-Driven Design ⚠️ HIGH PRIORITY\\n\\nWhen reference images are provided, they are the **primary visual input** and MUST strongly influence the output. The cover should look like it belongs to the same visual family as the references.\\n\\n**Passing `--ref` alone is NOT enough.** Image generation models often ignore reference images unless the prompt text explicitly describes what to reproduce. Always combine `--ref` with detailed textual instructions.\\n\\n## Content-Driven Design\\n\\n- Article title and summary inform the visual metaphor choice\\n- Keywords guide decorative elements and symbols\\n- The skill controls visual style; the content drives meaning\\n\\n## Visual Element Selection\\n\\nMatch content themes to icon vocabulary:\\n\\n| Content Theme | Suggested Elements |\\n|---------------|-------------------|\\n| Programming/Dev | Code window, terminal, API brackets, gear |\\n| AI/ML | Brain, neural network, robot, circuit |\\n| Growth/Business | Chart, rocket, plant, mountain, arrow |\\n| Security | Lock, shield, key, fingerprint |\\n| Communication | Speech bubble, megaphone, mail, handshake |\\n| Tools/Methods | Wrench, checklist, pencil, puzzle |\\n\\nFull library: [../visual-elements.md](../visual-elements.md)\\n\\n## Type-Specific Composition\\n\\n| Type | Composition Guidelines |\\n|------|------------------------|\\n| `hero` | Large focal visual (60-70% area), title overlay on visual, dramatic composition |\\n| `conceptual` | Abstract shapes representing core concepts, information hierarchy, clean zones |\\n| `typography` | Title as primary element (40%+ area), minimal supporting visuals, strong hierarchy |\\n| `metaphor` | Concrete object/scene representing abstract idea, symbolic elements, emotional resonance |\\n| `scene` | Atmospheric environment, narrative elements, mood-setting lighting and colors |\\n| `minimal` | Single focal element, generous whitespace (60%+), essential shapes only |\\n\\n## Title Guidelines\\n\\nWhen text level includes title:\\n- **Source**: Use the exact title provided by user, or extract from source content\\n- **Do NOT invent titles**: Stay faithful to the original\\n- Match confirmed language\\n\\n## Watermark Application\\n\\nIf enabled in preferences, add to prompt:\\n\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position].\\nThe watermark should be legible but not distracting from the main content.\\n```\\n\\nReference: `config/watermark-guide.md`\\n\\n## Reference Image Handling\\n\\nWhen user provides reference images (`--ref` or pasted images):\\n\\n### ⚠️ CRITICAL - Frontmatter References\\n\\n**MUST add `references` field in YAML frontmatter** when reference files are saved to `refs/`:\\n\\n```yaml\\n---\\ntype: cover\\npalette: warm\\nrendering: flat-vector\\nreferences:\\n  - ref_id: 01\\n    filename: refs/ref-01-podcast-thumbnail.jpg\\n    usage: style\\n---\\n```\\n\\n| Field | Description |\\n|-------|-------------|\\n| `ref_id` | Sequential number (01, 02, ...) |\\n| `filename` | Relative path from prompt file\'s parent directory |\\n| `usage` | `direct` / `style` / `palette` |\\n\\n**Omit `references` field entirely** if no reference files saved (style extracted verbally only).\\n\\n### When to Include References in Frontmatter\\n\\n| Situation | Frontmatter Action | Generation Action |\\n|-----------|-------------------|-------------------|\\n| Reference file saved to `refs/` | Add to `references` list ✓ | Pass via `--ref` parameter |\\n| Style extracted verbally (no file) | Omit `references` field | Describe in prompt body only |\\n| File path in frontmatter but doesn\'t exist | ERROR - fix or remove | Generation will fail |\\n\\n**Before writing prompt with references, verify**: `test -f refs/ref-NN-{slug}.{ext}`\\n\\n### Reference Usage Types\\n\\n| Usage | When to Use | Generation Action |\\n|-------|-------------|-------------------|\\n| `direct` | Reference matches desired output closely | Pass to `--ref` parameter |\\n| `style` | Extract visual style characteristics only | Describe style in prompt text |\\n| `palette` | Extract color palette only | Include colors in prompt |\\n\\n### Step 1: Analyze References\\n\\nFor each reference image, extract:\\n- **Style**: Rendering technique, line quality, texture\\n- **Composition**: Layout, visual hierarchy, focal points\\n- **Color mood**: Palette characteristics (without specific colors)\\n- **Elements**: Key visual elements and symbols used\\n\\n### Step 2: Embed in Prompt ⚠️ CRITICAL\\n\\n**Passing `--ref` alone is NOT enough.** Image generation models frequently ignore reference images unless the prompt text explicitly and forcefully describes what to reproduce. You MUST always write detailed textual instructions regardless of whether `--ref` is used.\\n\\n**If file saved (with or without `--ref` support)**:\\n- Pass ref images via `--ref` parameter if skill supports it\\n- **ALWAYS** add a detailed mandatory section in the prompt body:\\n\\n```\\n# Reference Style — MUST INCORPORATE\\n\\nCRITICAL: The generated cover MUST visually reference the provided images. The cover must feel like it belongs to the same visual family.\\n\\n## From Ref 1 ([filename]) — REQUIRED elements:\\n- [Brand element]: [Specific description of logo/wordmark treatment, e.g., \\"The logo uses vertical parallel lines (|||) for the letter \'m\'. Reproduce this exact treatment.\\"]\\n- [Signature pattern]: [Specific description, e.g., \\"Woven intersecting curves forming a diamond/lozenge grid pattern. This MUST appear prominently as a banner, border, or background section.\\"]\\n- [Colors]: [Exact hex values, e.g., \\"Dark teal #2D4A3E background, cream #F5F0E0 text\\"]\\n- [Typography]: [Specific treatment, e.g., \\"Uppercase text with wide letter-spacing\\"]\\n- [Layout element]: [Specific spatial element, e.g., \\"Bottom banner strip in dark color\\"]\\n\\n## From Ref 2 ([filename]) — REQUIRED elements:\\n[Same detailed breakdown]\\n\\n## Integration approach:\\n[Specific layout instruction describing how reference elements combine with the cover content, e.g., \\"Use a SPLIT LAYOUT: main illustration area (warm cream background) occupies ~65% of the image, while a dark teal BANNER STRIP (with the woven line pattern from Ref 2) runs along the bottom ~35%, containing branding elements from Ref 1.\\"]\\n```\\n\\n**Key rules**:\\n- Each visual element gets its own bullet with \\"MUST\\" or \\"REQUIRED\\"\\n- Descriptions must be **specific enough to reproduce** — not vague (\\"clean style\\")\\n- The integration approach must describe **exact spatial arrangement**\\n- After generation, verify reference elements are visible; if not, strengthen and regenerate\\n\\n**If style/palette extracted verbally (NO file saved)**:\\n- DO NOT add references metadata to prompt\\n- Append extracted info directly to prompt body using the same MUST INCORPORATE format above:\\n\\n```\\n# Reference Style — MUST INCORPORATE (extracted from visual analysis)\\n\\nCRITICAL: Apply these specific visual elements extracted from the reference images.\\n\\n## REQUIRED elements:\\n- [Same detailed bullet format as above]\\n\\n## Integration approach:\\n[Same spatial layout instruction]\\n```\\n\\n### Reference Analysis Template\\n\\nUse this format when analyzing reference images. Extract **specific, concrete, reproducible** details — not vague summaries.\\n\\n| Aspect | Analysis Points | Good Example | Bad Example |\\n|--------|-----------------|--------------|-------------|\\n| **Brand elements** | Logos, wordmarks, distinctive typography | \\"Logo \'m\' formed by 3 vertical lines\\" | \\"Has a logo\\" |\\n| **Signature patterns** | Unique motifs, textures, geometric patterns | \\"Woven curves forming diamond grid\\" | \\"Has patterns\\" |\\n| **Colors** | Exact hex values or close approximations | \\"#2D4A3E dark teal, #F5F0E0 cream\\" | \\"Dark and light\\" |\\n| **Layout** | Spatial zones, banner placement, proportions | \\"Bottom 30% is dark banner with branding\\" | \\"Has a banner\\" |\\n| **Typography** | Font style, weight, case, spacing, position | \\"Uppercase, wide letter-spacing, right-aligned\\" | \\"Has text\\" |\\n| **Rendering** | Line quality, texture, depth treatment | \\"Topographic contour lines as background texture\\" | \\"Clean style\\" |\\n| **Elements** | Icon vocabulary, decorative motifs | \\"Geometric intersecting line ornaments at corners\\" | \\"Has decorations\\" |\\n\\n**Output**: Each extracted element should be written as a **copy-pasteable prompt instruction** prefixed with \\"MUST\\" or \\"REQUIRED\\".\\n\\n\\n---\\n\\n## Reference: workflow/reference-images.md\\n\\n# Reference Image Handling\\n\\nGuide for processing user-provided reference images in cover generation.\\n\\n## Input Detection\\n\\n| Input Type | Action |\\n|------------|--------|\\n| Image file path provided | Copy to `refs/` → can use `--ref` |\\n| Image in conversation (no path) | **ASK user for file path** with AskUserQuestion |\\n| User can\'t provide path | Extract style/palette verbally → append to prompt (NO frontmatter references) |\\n\\n**CRITICAL**: Only add `references` to prompt frontmatter if files are ACTUALLY SAVED to `refs/` directory.\\n\\n## File Saving\\n\\n**If user provides file path**:\\n1. Copy to `refs/ref-NN-{slug}.{ext}` (NN = 01, 02, ...)\\n2. Create description: `refs/ref-NN-{slug}.md`\\n3. Verify files exist before proceeding\\n\\n**Description File Format**:\\n```yaml\\n---\\nref_id: NN\\nfilename: ref-NN-{slug}.{ext}\\nusage: direct | style | palette\\n---\\n[User\'s description or auto-generated description]\\n```\\n\\n| Usage | When to Use |\\n|-------|-------------|\\n| `direct` | Reference matches desired output closely |\\n| `style` | Extract visual style characteristics only |\\n| `palette` | Extract color scheme only |\\n\\n## Verbal Extraction (No File)\\n\\nWhen user can\'t provide file path:\\n1. Analyze image visually, extract: colors, style, composition\\n2. Create `refs/extracted-style.md` with extracted info\\n3. DO NOT add `references` to prompt frontmatter\\n4. Append extracted style/colors directly to prompt text\\n\\n## Deep Analysis ⚠️ CRITICAL\\n\\nReferences are high-priority inputs. Extract **specific, concrete, reproducible** elements:\\n\\n| Analysis | Description | Example (good vs bad) |\\n|----------|-------------|----------------------|\\n| **Brand elements** | Logos, wordmarks, specific typography | Good: \\"Logo uses vertical parallel lines for \'m\'\\" / Bad: \\"Has a logo\\" |\\n| **Signature patterns** | Unique decorative motifs, textures | Good: \\"Woven intersecting curves forming diamond grid\\" / Bad: \\"Has patterns\\" |\\n| **Color palette** | Exact hex values for key colors | Good: \\"#2D4A3E dark teal, #F5F0E0 cream\\" / Bad: \\"Dark and light colors\\" |\\n| **Layout structure** | Specific spatial arrangement | Good: \\"Bottom 30% dark banner with branding\\" / Bad: \\"Has a banner\\" |\\n| **Typography** | Font style, weight, spacing, case | Good: \\"Uppercase, wide letter-spacing\\" / Bad: \\"Has text\\" |\\n| **Content/subject** | What the reference depicts | Factual description |\\n| **Usage recommendation** | `direct` / `style` / `palette` | Based on analysis |\\n\\n**Output format**: List each element as bullet that can be copy-pasted into prompt as mandatory instruction.\\n\\n## Verification Output\\n\\n**For saved files**:\\n```\\nReference Images Saved:\\n- ref-01-{slug}.png ✓ (can use --ref)\\n- ref-02-{slug}.png ✓ (can use --ref)\\n```\\n\\n**For extracted style**:\\n```\\nReference Style Extracted (no file):\\n- Colors: #E8756D coral, #7ECFC0 mint...\\n- Style: minimal flat vector, clean lines...\\n→ Will append to prompt text (not --ref)\\n```\\n\\n## Priority Rules\\n\\nWhen user provides references, they are **HIGH PRIORITY**:\\n\\n- **References override defaults**: If reference conflicts with preferred palette/rendering, reference takes precedence\\n- **Concrete > abstract**: Extract specific elements — not vague \\"clean style\\"\\n- **Mandatory language**: Use \\"MUST\\", \\"REQUIRED\\" in prompt for reference elements\\n- **Visible in output**: Verify elements are present after generation; strengthen prompt if not\\n","source":"baoyu-skills","category":"content-skills","outputType":"image"},{"id":"baoyu-skills:baoyu-infographic","name":"信息图(baoyu-infographic)","description":"Generates professional infographics with 21 layout types and 20 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create \\"infographic\\", \\"信息图\\", \\"visual summary\\", \\"可视化\\", or \\"高密度信息大图\\".","type":"external","content":"# Infographic Generator\\n\\nTwo dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style.\\n\\n## Usage\\n\\n```bash\\n/baoyu-infographic path/to/content.md\\n/baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic\\n/baoyu-infographic path/to/content.md --aspect portrait --lang zh\\n/baoyu-infographic  # then paste content\\n```\\n\\n## Options\\n\\n| Option | Values |\\n|--------|--------|\\n| `--layout` | 21 options (see Layout Gallery), default: bento-grid |\\n| `--style` | 20 options (see Style Gallery), default: craft-handmade |\\n| `--aspect` | landscape (16:9), portrait (9:16), square (1:1) |\\n| `--lang` | en, zh, ja, etc. |\\n\\n## Layout Gallery\\n\\n| Layout | Best For |\\n|--------|----------|\\n| `linear-progression` | Timelines, processes, tutorials |\\n| `binary-comparison` | A vs B, before-after, pros-cons |\\n| `comparison-matrix` | Multi-factor comparisons |\\n| `hierarchical-layers` | Pyramids, priority levels |\\n| `tree-branching` | Categories, taxonomies |\\n| `hub-spoke` | Central concept with related items |\\n| `structural-breakdown` | Exploded views, cross-sections |\\n| `bento-grid` | Multiple topics, overview (default) |\\n| `iceberg` | Surface vs hidden aspects |\\n| `bridge` | Problem-solution |\\n| `funnel` | Conversion, filtering |\\n| `isometric-map` | Spatial relationships |\\n| `dashboard` | Metrics, KPIs |\\n| `periodic-table` | Categorized collections |\\n| `comic-strip` | Narratives, sequences |\\n| `story-mountain` | Plot structure, tension arcs |\\n| `jigsaw` | Interconnected parts |\\n| `venn-diagram` | Overlapping concepts |\\n| `winding-roadmap` | Journey, milestones |\\n| `circular-flow` | Cycles, recurring processes |\\n| `dense-modules` | High-density modules, data-rich guides |\\n\\nFull definitions: `references/layouts/<layout>.md`\\n\\n## Style Gallery\\n\\n| Style | Description |\\n|-------|-------------|\\n| `craft-handmade` | Hand-drawn, paper craft (default) |\\n| `claymation` | 3D clay figures, stop-motion |\\n| `kawaii` | Japanese cute, pastels |\\n| `storybook-watercolor` | Soft painted, whimsical |\\n| `chalkboard` | Chalk on black board |\\n| `cyberpunk-neon` | Neon glow, futuristic |\\n| `bold-graphic` | Comic style, halftone |\\n| `aged-academia` | Vintage science, sepia |\\n| `corporate-memphis` | Flat vector, vibrant |\\n| `technical-schematic` | Blueprint, engineering |\\n| `origami` | Folded paper, geometric |\\n| `pixel-art` | Retro 8-bit |\\n| `ui-wireframe` | Grayscale interface mockup |\\n| `subway-map` | Transit diagram |\\n| `ikea-manual` | Minimal line art |\\n| `knolling` | Organized flat-lay |\\n| `lego-brick` | Toy brick construction |\\n| `pop-laboratory` | Blueprint grid, coordinate markers, lab precision |\\n| `morandi-journal` | Hand-drawn doodle, warm Morandi tones |\\n| `retro-pop-grid` | 1970s retro pop art, Swiss grid, thick outlines |\\n\\nFull definitions: `references/styles/<style>.md`\\n\\n## Recommended Combinations\\n\\n| Content Type | Layout + Style |\\n|--------------|----------------|\\n| Timeline/History | `linear-progression` + `craft-handmade` |\\n| Step-by-step | `linear-progression` + `ikea-manual` |\\n| A vs B | `binary-comparison` + `corporate-memphis` |\\n| Hierarchy | `hierarchical-layers` + `craft-handmade` |\\n| Overlap | `venn-diagram` + `craft-handmade` |\\n| Conversion | `funnel` + `corporate-memphis` |\\n| Cycles | `circular-flow` + `craft-handmade` |\\n| Technical | `structural-breakdown` + `technical-schematic` |\\n| Metrics | `dashboard` + `corporate-memphis` |\\n| Educational | `bento-grid` + `chalkboard` |\\n| Journey | `winding-roadmap` + `storybook-watercolor` |\\n| Categories | `periodic-table` + `bold-graphic` |\\n| Product Guide | `dense-modules` + `morandi-journal` |\\n| Technical Guide | `dense-modules` + `pop-laboratory` |\\n| Trendy Guide | `dense-modules` + `retro-pop-grid` |\\n\\nDefault: `bento-grid` + `craft-handmade`\\n\\n## Keyword Shortcuts\\n\\nWhen user input contains these keywords, **auto-select** the associated layout and offer associated styles as top recommendations in Step 3. Skip content-based layout inference for matched keywords.\\n\\nIf a shortcut has **Prompt Notes**, append them to the generated prompt (Step 5) as additional style instructions.\\n\\n| User Keyword | Layout | Recommended Styles | Default Aspect | Prompt Notes |\\n|--------------|--------|--------------------|----------------|--------------|\\n| 高密度信息大图 / high-density-info | `dense-modules` | `morandi-journal`, `pop-laboratory`, `retro-pop-grid` | portrait | — |\\n| 信息图 / infographic | `bento-grid` | `craft-handmade` | landscape | Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only. |\\n\\n## Output Structure\\n\\n```\\ninfographic/{topic-slug}/\\n├── source-{slug}.{ext}\\n├── analysis.md\\n├── structured-content.md\\n├── prompts/infographic.md\\n└── infographic.png\\n```\\n\\nSlug: 2-4 words kebab-case from topic. Conflict: append `-YYYYMMDD-HHMMSS`.\\n\\n## Core Principles\\n\\n- Preserve all source data **verbatim**—no summarization or rephrasing\\n- Define learning objectives before structuring content\\n- Structure for visual communication (headlines, labels, visual elements)\\n\\n## Workflow\\n\\n### Step 1: Setup & Analyze\\n\\n**1.1 Load Preferences (EXTEND.md)**\\n\\nUse Bash to check EXTEND.md existence (priority order):\\n\\n```bash\\n# Check project-level first\\ntest -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo \\"project\\"\\n\\n# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)\\ntest -f \\"$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n┌────────────────────────────────────────────────────┬───────────────────┐\\n│                        Path                        │     Location      │\\n├────────────────────────────────────────────────────┼───────────────────┤\\n│ .baoyu-skills/baoyu-infographic/EXTEND.md          │ Project directory │\\n├────────────────────────────────────────────────────┼───────────────────┤\\n│ $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md    │ User home         │\\n└────────────────────────────────────────────────────┴───────────────────┘\\n\\n┌───────────┬───────────────────────────────────────────────────────────────────────────┐\\n│  Result   │                                  Action                                   │\\n├───────────┼───────────────────────────────────────────────────────────────────────────┤\\n│ Found     │ Read, parse, display summary                                              │\\n├───────────┼───────────────────────────────────────────────────────────────────────────┤\\n│ Not found │ Ask user with AskUserQuestion (see references/config/first-time-setup.md) │\\n└───────────┴───────────────────────────────────────────────────────────────────────────┘\\n\\n**EXTEND.md Supports**: Preferred layout/style | Default aspect ratio | Custom style definitions | Language preference\\n\\nSchema: `references/config/preferences-schema.md`\\n\\n**1.2 Analyze Content → `analysis.md`**\\n\\n1. Save source content (file path or paste → `source.md`)\\n   - **Backup rule**: If `source.md` exists, rename to `source-backup-YYYYMMDD-HHMMSS.md`\\n2. Analyze: topic, data type, complexity, tone, audience\\n3. Detect source language and user language\\n4. Extract design instructions from user input\\n5. Save analysis\\n   - **Backup rule**: If `analysis.md` exists, rename to `analysis-backup-YYYYMMDD-HHMMSS.md`\\n\\nSee `references/analysis-framework.md` for detailed format.\\n\\n### Step 2: Generate Structured Content → `structured-content.md`\\n\\nTransform content into infographic structure:\\n1. Title and learning objectives\\n2. Sections with: key concept, content (verbatim), visual element, text labels\\n3. Data points (all statistics/quotes copied exactly)\\n4. Design instructions from user\\n\\n**Rules**: Markdown only. No new information. All data verbatim.\\n\\nSee `references/structured-content-template.md` for detailed format.\\n\\n### Step 3: Recommend Combinations\\n\\n**3.1 Check Keyword Shortcuts first**: If user input matches a keyword from the **Keyword Shortcuts** table, auto-select the associated layout and prioritize associated styles as top recommendations. Skip content-based layout inference.\\n\\n**3.2 Otherwise**, recommend 3-5 layout×style combinations based on:\\n- Data structure → matching layout\\n- Content tone → matching style\\n- Audience expectations\\n- User design instructions\\n\\n### Step 4: Confirm Options\\n\\nUse **single AskUserQuestion call** with multiple questions to confirm all options together:\\n\\n| Question | When | Options |\\n|----------|------|---------|\\n| **Combination** | Always | 3+ layout×style combos with rationale |\\n| **Aspect** | Always | landscape (16:9), portrait (9:16), square (1:1) |\\n| **Language** | Only if source ≠ user language | Language for text content |\\n\\n**Important**: Do NOT split into separate AskUserQuestion calls. Combine all applicable questions into one call.\\n\\n### Step 5: Generate Prompt → `prompts/infographic.md`\\n\\n**Backup rule**: If `prompts/infographic.md` exists, rename to `prompts/infographic-backup-YYYYMMDD-HHMMSS.md`\\n\\nCombine:\\n1. Layout definition from `references/layouts/<layout>.md`\\n2. Style definition from `references/styles/<style>.md`\\n3. Base template from `references/base-prompt.md`\\n4. Structured content from Step 2\\n5. All text in confirmed language\\n\\n### Step 6: Generate Image\\n\\n1. Select available image generation skill (ask user if multiple)\\n2. **Check for existing file**: Before generating, check if `infographic.png` exists\\n   - If exists: Rename to `infographic-backup-YYYYMMDD-HHMMSS.png`\\n3. Call with prompt file and output path\\n4. On failure, auto-retry once\\n\\n### Step 7: Output Summary\\n\\nReport: topic, layout, style, aspect, language, output path, files created.\\n\\n## References\\n\\n- `references/analysis-framework.md` - Analysis methodology\\n- `references/structured-content-template.md` - Content format\\n- `references/base-prompt.md` - Prompt template\\n- `references/layouts/<layout>.md` - 21 layout definitions\\n- `references/styles/<style>.md` - 20 style definitions\\n\\n## Extension Support\\n\\nCustom configurations via EXTEND.md. See **Step 1.1** for paths and supported options.\\n\\n---\\n\\n## Reference: base-prompt.md\\n\\nCreate a professional infographic following these specifications:\\n\\n## Image Specifications\\n\\n- **Type**: Infographic\\n- **Layout**: {{LAYOUT}}\\n- **Style**: {{STYLE}}\\n- **Aspect Ratio**: {{ASPECT_RATIO}}\\n- **Language**: {{LANGUAGE}}\\n\\n## Core Principles\\n\\n- Follow the layout structure precisely for information architecture\\n- Apply style aesthetics consistently throughout\\n- If content involves sensitive or copyrighted figures, create stylistically similar alternatives\\n- Keep information concise, highlight keywords and core concepts\\n- Use ample whitespace for visual clarity\\n- Maintain clear visual hierarchy\\n\\n## Text Requirements\\n\\n- All text must match the specified style treatment\\n- Main titles should be prominent and readable\\n- Key concepts should be visually emphasized\\n- Labels should be clear and appropriately sized\\n- Use the specified language for all text content\\n\\n## Layout Guidelines\\n\\n{{LAYOUT_GUIDELINES}}\\n\\n## Style Guidelines\\n\\n{{STYLE_GUIDELINES}}\\n\\n---\\n\\nGenerate the infographic based on the content below:\\n\\n{{CONTENT}}\\n\\nText labels (in {{LANGUAGE}}):\\n{{TEXT_LABELS}}\\n\\n\\n---\\n\\n## Reference: analysis-framework.md\\n\\n# Infographic Content Analysis Framework\\n\\nDeep analysis framework applying instructional design principles to infographic creation.\\n\\n## Purpose\\n\\nBefore creating an infographic, thoroughly analyze the source material to:\\n- Understand the content at a deep level\\n- Identify clear learning objectives for the viewer\\n- Structure information for maximum clarity and retention\\n- Match content to optimal layout×style combinations\\n- Preserve all source data verbatim\\n\\n## Instructional Design Mindset\\n\\nApproach content analysis as a **world-class instructional designer**:\\n\\n| Principle | Application |\\n|-----------|-------------|\\n| **Deep Understanding** | Read the entire document before analyzing any part |\\n| **Learner-Centered** | Focus on what the viewer needs to understand |\\n| **Visual Storytelling** | Use visuals to communicate, not just decorate |\\n| **Cognitive Load** | Simplify complex ideas without losing accuracy |\\n| **Data Integrity** | Never alter, summarize, or paraphrase source facts |\\n\\n## Analysis Dimensions\\n\\n### 1. Content Type Classification\\n\\n| Type | Characteristics | Best Layout | Best Style |\\n|------|-----------------|-------------|------------|\\n| **Timeline/History** | Sequential events, dates, progression | linear-progression | craft-handmade, aged-academia |\\n| **Process/Tutorial** | Step-by-step instructions, how-to | linear-progression, winding-roadmap | ikea-manual, technical-schematic |\\n| **Comparison** | A vs B, pros/cons, before-after | binary-comparison, comparison-matrix | corporate-memphis, bold-graphic |\\n| **Hierarchy** | Levels, priorities, pyramids | hierarchical-layers, tree-branching | craft-handmade, corporate-memphis |\\n| **Relationships** | Connections, overlaps, influences | venn-diagram, hub-spoke, jigsaw | craft-handmade, subway-map |\\n| **Data/Metrics** | Statistics, KPIs, measurements | dashboard, periodic-table | corporate-memphis, technical-schematic |\\n| **Cycle/Loop** | Recurring processes, feedback loops | circular-flow | craft-handmade, technical-schematic |\\n| **System/Structure** | Components, architecture, anatomy | structural-breakdown, bento-grid | technical-schematic, ikea-manual |\\n| **Journey/Narrative** | Stories, user flows, milestones | winding-roadmap, story-mountain | storybook-watercolor, comic-strip |\\n| **Overview/Summary** | Multiple topics, feature highlights | bento-grid, periodic-table, dense-modules | chalkboard, bold-graphic |\\n| **Product/Buying Guide** | Multi-dimension comparisons, specs, pitfalls | dense-modules | morandi-journal, pop-laboratory, retro-pop-grid |\\n\\n### 2. Learning Objective Identification\\n\\nEvery infographic should have 1-3 clear learning objectives.\\n\\n**Good Learning Objectives**:\\n- Specific and measurable\\n- Focus on what the viewer will understand, not just see\\n- Written from the viewer\'s perspective\\n\\n**Format**: \\"After viewing this infographic, the viewer will understand...\\"\\n\\n| Content Aspect | Objective Type |\\n|----------------|----------------|\\n| Core concept | \\"...what [topic] is and why it matters\\" |\\n| Process | \\"...how to [accomplish something]\\" |\\n| Comparison | \\"...the key differences between [A] and [B]\\" |\\n| Relationships | \\"...how [elements] connect to each other\\" |\\n| Data | \\"...the significance of [key statistics]\\" |\\n\\n### 3. Audience Analysis\\n\\n| Factor | Questions | Impact |\\n|--------|-----------|--------|\\n| **Knowledge Level** | What do they already know? | Determines complexity depth |\\n| **Context** | Why are they viewing this? | Determines emphasis points |\\n| **Expectations** | What do they hope to learn? | Determines success criteria |\\n| **Visual Preferences** | Professional, playful, technical? | Influences style choice |\\n\\n### 4. Complexity Assessment\\n\\n| Level | Indicators | Layout Recommendation |\\n|-------|------------|----------------------|\\n| **Simple** (3-5 points) | Few main concepts, clear relationships | sparse layouts, single focus |\\n| **Moderate** (6-8 points) | Multiple concepts, some relationships | balanced layouts, clear sections |\\n| **Complex** (9+ points) | Many concepts, intricate relationships | dense layouts, multiple sections |\\n\\n### 5. Visual Opportunity Mapping\\n\\nIdentify what can be shown rather than told:\\n\\n| Content Element | Visual Treatment |\\n|-----------------|------------------|\\n| Numbers/Statistics | Large, highlighted numerals |\\n| Comparisons | Side-by-side, split screen |\\n| Processes | Arrows, numbered steps, flow |\\n| Hierarchies | Pyramids, layers, size differences |\\n| Relationships | Lines, connections, overlapping shapes |\\n| Categories | Color coding, grouping, sections |\\n| Timelines | Horizontal/vertical progression |\\n| Quotes | Callout boxes, quotation marks |\\n\\n### 6. Data Verbatim Extraction\\n\\n**Critical**: All factual information must be preserved exactly as written in the source.\\n\\n| Data Type | Handling Rule |\\n|-----------|---------------|\\n| **Statistics** | Copy exactly: \\"73%\\" not \\"about 70%\\" |\\n| **Quotes** | Copy word-for-word with attribution |\\n| **Names** | Preserve exact spelling |\\n| **Dates** | Keep original format |\\n| **Technical Terms** | Do not simplify or substitute |\\n| **Lists** | Preserve order and wording |\\n\\n**Never**:\\n- Round numbers\\n- Paraphrase quotes\\n- Substitute simpler words\\n- Add implied information\\n- Remove context that affects meaning\\n\\n## Output Format\\n\\nSave analysis results to `analysis.md`:\\n\\n```yaml\\n---\\ntitle: \\"[Main topic title]\\"\\ntopic: \\"[educational/technical/business/creative/etc.]\\"\\ndata_type: \\"[timeline/hierarchy/comparison/process/etc.]\\"\\ncomplexity: \\"[simple/moderate/complex]\\"\\npoint_count: [number of main points]\\nsource_language: \\"[detected language]\\"\\nuser_language: \\"[user\'s language]\\"\\n---\\n\\n## Main Topic\\n[1-2 sentence summary of what this content is about]\\n\\n## Learning Objectives\\nAfter viewing this infographic, the viewer should understand:\\n1. [Primary objective]\\n2. [Secondary objective]\\n3. [Tertiary objective if applicable]\\n\\n## Target Audience\\n- **Knowledge Level**: [Beginner/Intermediate/Expert]\\n- **Context**: [Why they\'re viewing this]\\n- **Expectations**: [What they hope to learn]\\n\\n## Content Type Analysis\\n- **Data Structure**: [How information relates to itself]\\n- **Key Relationships**: [What connects to what]\\n- **Visual Opportunities**: [What can be shown rather than told]\\n\\n## Key Data Points (Verbatim)\\n[All statistics, quotes, and critical facts exactly as they appear in source]\\n- \\"[Exact data point 1]\\"\\n- \\"[Exact data point 2]\\"\\n- \\"[Exact quote with attribution]\\"\\n\\n## Layout × Style Signals\\n- Content type: [type] → suggests [layout]\\n- Tone: [tone] → suggests [style]\\n- Audience: [audience] → suggests [style]\\n- Complexity: [level] → suggests [layout density]\\n\\n## Design Instructions (from user input)\\n[Any style, color, layout, or visual preferences extracted from user\'s steering prompt]\\n\\n## Recommended Combinations\\n1. **[Layout] + [Style]** (Recommended): [Brief rationale]\\n2. **[Layout] + [Style]**: [Brief rationale]\\n3. **[Layout] + [Style]**: [Brief rationale]\\n```\\n\\n## Analysis Checklist\\n\\nBefore proceeding to structured content generation:\\n\\n- [ ] Have I read the entire source document?\\n- [ ] Can I summarize the main topic in 1-2 sentences?\\n- [ ] Have I identified 1-3 clear learning objectives?\\n- [ ] Do I understand the target audience?\\n- [ ] Have I classified the content type correctly?\\n- [ ] Have I extracted all data points verbatim?\\n- [ ] Have I identified visual opportunities?\\n- [ ] Have I extracted design instructions from user input?\\n- [ ] Have I recommended 3 layout×style combinations?\\n\\n\\n---\\n\\n## Reference: layouts/bento-grid.md\\n\\n# bento-grid\\n\\nModular grid layout with varied cell sizes, like a bento box.\\n\\n## Structure\\n\\n- Grid of rectangular cells\\n- Mixed cell sizes (1x1, 2x1, 1x2, 2x2)\\n- No strict symmetry required\\n- Hero cell for main point\\n- Supporting cells around it\\n\\n## Best For\\n\\n- Multiple topic overview\\n- Feature highlights\\n- Dashboard summaries\\n- Portfolio displays\\n- Mixed content types\\n\\n## Visual Elements\\n\\n- Clear cell boundaries\\n- Varied cell backgrounds\\n- Icons or illustrations per cell\\n- Consistent padding/margins\\n- Visual hierarchy through size\\n\\n## Text Placement\\n\\n- Main title at top\\n- Cell titles within each cell\\n- Brief content per cell\\n- Minimal text, maximum visual\\n- CTA or summary in prominent cell\\n\\n## Recommended Pairings\\n\\n- `craft-handmade`: Friendly overviews (default)\\n- `corporate-memphis`: Business summaries\\n- `pixel-art`: Retro feature grids\\n\\n\\n---\\n\\n## Reference: layouts/binary-comparison.md\\n\\n# binary-comparison\\n\\nSide-by-side comparison of two items, states, or concepts.\\n\\n## Structure\\n\\n- Vertical divider splitting image in half\\n- Left side: Item A / Before / Pro\\n- Right side: Item B / After / Con\\n- Mirrored layout for easy comparison\\n- Clear visual distinction between sides\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Before-After** | Transformation over time | Temporal change, improvement |\\n| **A vs B** | Feature comparison | Direct contrast, differences |\\n| **Pro-Con** | Advantages/disadvantages | Balanced evaluation |\\n\\n## Best For\\n\\n- Before/after transformations\\n- Product or option comparisons\\n- Pros and cons analysis\\n- Old vs new comparisons\\n- Two perspectives on a topic\\n\\n## Visual Elements\\n\\n- Strong vertical dividing line or gradient\\n- Contrasting colors per side\\n- Matching element positions for comparison\\n- VS symbol or divider decoration\\n- Transformation arrow for before-after\\n\\n## Text Placement\\n\\n- Main title centered at top\\n- Side labels (A/B, Before/After)\\n- Corresponding points aligned horizontally\\n- Summary at bottom if needed\\n\\n## Recommended Pairings\\n\\n- `corporate-memphis`: Business comparisons\\n- `bold-graphic`: High-contrast dramatic comparisons\\n- `craft-handmade`: Friendly explainers\\n\\n\\n---\\n\\n## Reference: layouts/bridge.md\\n\\n# bridge\\n\\nGap-crossing structure connecting problem to solution or current to future state.\\n\\n## Structure\\n\\n- Left side: current state/problem\\n- Right side: desired state/solution\\n- Bridge element spanning the gap\\n- Gap representing challenge/obstacle\\n- Bridge elements as steps/methods\\n\\n## Best For\\n\\n- Problem to solution journeys\\n- Current vs future state\\n- Gap analysis\\n- Transformation bridges\\n- Strategic initiatives\\n\\n## Visual Elements\\n\\n- Two distinct platforms/sides\\n- Visible gap or chasm\\n- Bridge structure with supports\\n- Icons representing each side\\n- Stepping stones or bridge planks\\n\\n## Text Placement\\n\\n- Title at top\\n- Left label (From/Problem/Current)\\n- Right label (To/Solution/Future)\\n- Bridge elements labeled\\n- Gap description below\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly journeys\\n- `corporate-memphis`: Business transformations\\n- `isometric-3d`: Technical transitions\\n\\n\\n---\\n\\n## Reference: layouts/circular-flow.md\\n\\n# circular-flow\\n\\nCyclic process showing continuous or recurring steps.\\n\\n## Structure\\n\\n- Circular arrangement\\n- Steps around the circle\\n- Arrows showing direction\\n- No clear start/end (continuous)\\n- Center can hold main concept\\n\\n## Best For\\n\\n- Recurring processes\\n- Feedback loops\\n- Lifecycle stages\\n- Continuous improvement\\n- Natural cycles\\n\\n## Visual Elements\\n\\n- Circle or ring shape\\n- Directional arrows\\n- Step nodes evenly spaced\\n- Icons per step\\n- Optional center element\\n\\n## Text Placement\\n\\n- Title at top\\n- Step labels at each node\\n- Brief descriptions near nodes\\n- Center concept if applicable\\n- Cycle name\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly cycles\\n- `corporate-memphis`: Business processes\\n- `subway-map`: Transit-style cycles\\n\\n\\n---\\n\\n## Reference: layouts/comic-strip.md\\n\\n# comic-strip\\n\\nSequential narrative panels telling a story or explaining a concept.\\n\\n## Structure\\n\\n- Multiple panels in sequence\\n- Left-to-right, top-to-bottom reading\\n- Characters or subjects in scenes\\n- Speech/thought bubbles\\n- Panel borders clearly defined\\n\\n## Best For\\n\\n- Storytelling explanations\\n- User journey narratives\\n- Scenario illustrations\\n- Step sequences with context\\n- Before/during/after stories\\n\\n## Visual Elements\\n\\n- Panel frames\\n- Speech and thought bubbles\\n- Sound effects (optional)\\n- Characters with expressions\\n- Scene backgrounds\\n\\n## Text Placement\\n\\n- Title at top\\n- Dialogue in speech bubbles\\n- Narration in caption boxes\\n- Sound effects integrated\\n- Panel numbers if needed\\n\\n## Recommended Pairings\\n\\n- `graphic-novel`: Dramatic narratives\\n- `kawaii`: Cute character stories\\n- `cartoon-hand-drawn`: Friendly explanations\\n\\n\\n---\\n\\n## Reference: layouts/comparison-matrix.md\\n\\n# comparison-matrix\\n\\nGrid-based multi-factor comparison across multiple items.\\n\\n## Structure\\n\\n- Table/grid layout\\n- Rows: items being compared\\n- Columns: comparison criteria\\n- Cells: scores, checks, or values\\n- Header row and column clearly marked\\n\\n## Best For\\n\\n- Product feature comparisons\\n- Tool/software evaluations\\n- Multi-criteria decisions\\n- Specification sheets\\n- Rating comparisons\\n\\n## Visual Elements\\n\\n- Clear grid lines or cell boundaries\\n- Checkmarks, X marks, or scores in cells\\n- Color coding for quick scanning\\n- Icons for criteria categories\\n- Highlight for recommended option\\n\\n## Text Placement\\n\\n- Title at top\\n- Item names in first column\\n- Criteria in header row\\n- Brief values in cells\\n- Legend if using symbols\\n\\n## Recommended Pairings\\n\\n- `corporate-memphis`: Business tool comparisons\\n- `ui-wireframe`: Technical feature matrices\\n- `blueprint`: Specification comparisons\\n\\n\\n---\\n\\n## Reference: layouts/dashboard.md\\n\\n# dashboard\\n\\nMulti-metric display with charts, numbers, and KPI indicators.\\n\\n## Structure\\n\\n- Multiple data widgets\\n- Charts, graphs, numbers\\n- Grid or modular layout\\n- Key metrics prominent\\n- Status indicators\\n\\n## Best For\\n\\n- KPI summaries\\n- Performance metrics\\n- Analytics overviews\\n- Status reports\\n- Data snapshots\\n\\n## Visual Elements\\n\\n- Chart types (bar, line, pie, gauge)\\n- Big numbers for KPIs\\n- Trend arrows (up/down)\\n- Color-coded status (green/red)\\n- Clean data visualization\\n\\n## Text Placement\\n\\n- Title at top\\n- Widget titles above each section\\n- Metric labels and values\\n- Units clearly shown\\n- Time period indicated\\n\\n## Recommended Pairings\\n\\n- `corporate-memphis`: Business dashboards\\n- `ui-wireframe`: Technical dashboards\\n- `cyberpunk-neon`: Futuristic displays\\n\\n\\n---\\n\\n## Reference: layouts/dense-modules.md\\n\\n# dense-modules\\n\\nHigh-density modular layout with 6-7 typed information modules packed with concrete data.\\n\\n## Structure\\n\\n- 6-7 distinct modules per image, each serving a specific information function\\n- Every module contains concrete data: brand names, numbers, percentages, parameters\\n- Minimal whitespace—compact spacing prioritized over breathing room\\n- Smaller text acceptable to maximize information density\\n- Each module identified by coordinate label or section marker (e.g., MOD-1, SEC-A)\\n\\n## Module Archetypes\\n\\n| Module | Purpose | Content Requirements |\\n|--------|---------|---------------------|\\n| **Brand/Selection Array** | Grid of options with recommendations | 4-8 items with icons, names, brief descriptions; highlight \\"best choice\\" |\\n| **Specification Scale** | Quality/measurement gauge | 3-5 levels with precise numerical increments, quality indicators (emoji faces, checkmarks) |\\n| **Deep Dive/Detail** | Technical breakdown of key item | Zoom-in callouts, internal components, cross-section or exploded view |\\n| **Scenario Comparison** | Side-by-side use cases | 3-6 scenarios with specific recommendations and data per scenario |\\n| **Identification Tips** | How-to checklist | 3-5 inspection methods: look/test/check/ask format |\\n| **Warning/Pitfall Zone** | Critical mistakes to avoid | 3-5 pitfalls with consequences, 1-2 correct approaches; high visual contrast |\\n| **Quick Reference** | Compact summary | Dense table, one-line summaries, decision flowchart, or key takeaways |\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Coordinate-labeled** | Precision and systematicity | Each module has alphanumeric coordinate (A-01, B-05, C-12), ruler/axis markers |\\n| **Grid-cell** | Order and structure | Modules in strict rectangular cells divided by thick lines, Swiss grid feel |\\n| **Free-flowing** | Organic density | Magazine-style layout with dotted frames, varying module sizes, connected by arrows |\\n\\n## Best For\\n\\n- Product selection guides and buying guides\\n- Multi-dimensional comparison content\\n- Data-rich educational materials\\n- \\"Avoid pitfalls\\" / \\"complete guide\\" formats\\n- Content targeting platforms like Xiaohongshu with high-density visual requirements\\n\\n## Visual Elements\\n\\n- Module boundary markers (thick lines, dotted frames, or coordinate grids)\\n- Quality indicators per module (emoji faces, checkmarks, crosses, crowns)\\n- Data callout boxes with highlighted numbers\\n- Comparison arrows and progression indicators\\n- Warning/alert visual markers for pitfall modules\\n- Metadata in corners (page numbers, timestamps, small barcodes)\\n\\n## Text Placement\\n\\n- Main title at top, prominent and impactful\\n- Subtitle with module count (\\"X大维度全面解析...\\")\\n- Module headers inside colored badges or labeled frames\\n- Body text compact, multiple columns within modules\\n- Numbers highlighted with accent colors, slightly larger than body text\\n\\n## Information Density Rules\\n\\n- Every corner should contain useful information or metadata\\n- No decorative-only empty space\\n- Text size may be reduced to fit more content—information over font size\\n- Each module must have specific data points, not generic descriptions\\n- Balance between density and readability: dense but organized\\n\\n## Recommended Pairings\\n\\n- `pop-laboratory`: Technical precision with coordinate markers and blueprint grid\\n- `morandi-journal`: Hand-drawn warmth with doodle illustrations and organic frames\\n- `retro-pop-grid`: 1970s pop art with strict grid cells and bold contrast\\n- `corporate-memphis`: Clean business feel for product comparisons\\n- `technical-schematic`: Engineering precision for technical product guides\\n\\n\\n---\\n\\n## Reference: layouts/funnel.md\\n\\n# funnel\\n\\nNarrowing stages showing conversion, filtering, or refinement process.\\n\\n## Structure\\n\\n- Wide top (input/start)\\n- Narrow bottom (output/result)\\n- Horizontal layers for stages\\n- Progressive narrowing\\n- 3-6 stages typically\\n\\n## Best For\\n\\n- Sales/marketing funnels\\n- Conversion processes\\n- Filtering/selection\\n- Recruitment pipelines\\n- Decision processes\\n\\n## Visual Elements\\n\\n- Funnel shape clearly defined\\n- Distinct colors per stage\\n- Width indicates volume/quantity\\n- Stage icons or symbols\\n- Numbers/percentages per stage\\n\\n## Text Placement\\n\\n- Title at top\\n- Stage names inside or beside\\n- Metrics/numbers per stage\\n- Input label at top\\n- Output label at bottom\\n\\n## Recommended Pairings\\n\\n- `corporate-memphis`: Marketing funnels\\n- `isometric-3d`: Technical pipelines\\n- `cartoon-hand-drawn`: Educational funnels\\n\\n\\n---\\n\\n## Reference: layouts/hierarchical-layers.md\\n\\n# hierarchical-layers\\n\\nNested layers showing levels of importance, influence, or proximity.\\n\\n## Structure\\n\\n- Multiple layers from core to periphery\\n- Core/top: most important/central\\n- Outer/bottom: decreasing importance\\n- 3-7 levels typically\\n- Clear boundaries between levels\\n\\n## Variants\\n\\n| Variant | Shape | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Pyramid** | Triangle, vertical | Top-down hierarchy, quantity |\\n| **Concentric** | Rings, radial | Center-out influence, proximity |\\n\\n## Best For\\n\\n- Maslow\'s hierarchy style concepts\\n- Priority and importance levels\\n- Spheres of influence\\n- Organizational structures\\n- Stakeholder analysis\\n\\n## Visual Elements\\n\\n- Distinct color per level\\n- Icons or illustrations per tier\\n- Size indicates importance/quantity\\n- Labels inside or beside layers\\n- Decorative apex/center element\\n\\n## Text Placement\\n\\n- Title at top or side\\n- Level names inside each tier\\n- Brief descriptions outside\\n- Quantities or percentages if relevant\\n- Legend for color meanings\\n\\n## Recommended Pairings\\n\\n- `craft-handmade`: Playful layered concepts\\n- `corporate-memphis`: Business hierarchies\\n- `technical-schematic`: Technical 3D pyramids\\n\\n\\n---\\n\\n## Reference: layouts/hub-spoke.md\\n\\n# hub-spoke\\n\\nCentral concept with radiating connections to related items.\\n\\n## Structure\\n\\n- Central hub (main concept)\\n- Spokes radiating outward\\n- Nodes at spoke ends (related concepts)\\n- Even or weighted distribution\\n- Optional secondary connections\\n\\n## Best For\\n\\n- Central theme with components\\n- Product features around core\\n- Team roles around project\\n- Ecosystem mapping\\n- Mind maps\\n\\n## Visual Elements\\n\\n- Prominent central hub\\n- Clear spoke lines\\n- Consistent node styling\\n- Icons representing each spoke item\\n- Optional grouping colors\\n\\n## Text Placement\\n\\n- Title at top\\n- Core concept in center hub\\n- Spoke item labels at nodes\\n- Brief descriptions near nodes\\n- Connection labels on spokes if needed\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly concept maps\\n- `corporate-memphis`: Business ecosystems\\n- `subway-map`: Network-style connections\\n\\n\\n---\\n\\n## Reference: layouts/iceberg.md\\n\\n# iceberg\\n\\nSurface vs hidden depths, visible vs underlying factors.\\n\\n## Structure\\n\\n- Waterline dividing visible/hidden\\n- Tip above water (obvious/surface)\\n- Larger mass below (hidden/deep)\\n- Proportional to emphasize hidden depth\\n- Optional layers within underwater section\\n\\n## Best For\\n\\n- Surface vs root causes\\n- Visible vs invisible work\\n- Symptoms vs underlying issues\\n- Public vs private aspects\\n- Known vs unknown factors\\n\\n## Visual Elements\\n\\n- Clear water/surface line\\n- Above: smaller, brighter\\n- Below: larger, darker/deeper\\n- Wave or water texture\\n- Gradient showing depth\\n\\n## Text Placement\\n\\n- Title at top\\n- Surface items above waterline\\n- Hidden items below, larger\\n- Waterline label optional\\n- Depth indicators for layers\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly metaphor\\n- `storybook-watercolor`: Artistic depth\\n- `graphic-novel`: Dramatic revelation\\n\\n\\n---\\n\\n## Reference: layouts/isometric-map.md\\n\\n# isometric-map\\n\\n3D-style spatial layout showing locations, relationships, or journey through space.\\n\\n## Structure\\n\\n- Isometric 3D perspective\\n- Locations as buildings/landmarks\\n- Paths connecting locations\\n- Spatial relationships visible\\n- Bird\'s eye view angle\\n\\n## Best For\\n\\n- Office/campus layouts\\n- City/ecosystem maps\\n- User journey maps\\n- System architecture\\n- Process landscapes\\n\\n## Visual Elements\\n\\n- Consistent isometric angle (30°)\\n- 3D buildings or objects\\n- Pathways and roads\\n- Labels floating above\\n- Mini scenes at locations\\n\\n## Text Placement\\n\\n- Title at top corner\\n- Location labels above objects\\n- Path labels along routes\\n- Legend for symbols\\n- Scale indicator if relevant\\n\\n## Recommended Pairings\\n\\n- `isometric-3d`: Clean technical maps\\n- `pixel-art`: Retro game-style maps\\n- `lego-brick`: Playful location maps\\n\\n\\n---\\n\\n## Reference: layouts/jigsaw.md\\n\\n# jigsaw\\n\\nInterlocking puzzle pieces showing how parts fit together.\\n\\n## Structure\\n\\n- Puzzle pieces that interlock\\n- Each piece represents a component\\n- Connections show relationships\\n- Can be assembled or exploded view\\n- Missing piece highlights gaps\\n\\n## Best For\\n\\n- Component relationships\\n- Team/skill fit\\n- Strategy pieces\\n- Integration concepts\\n- Completeness assessments\\n\\n## Visual Elements\\n\\n- Classic puzzle piece shapes\\n- Distinct colors per piece\\n- Interlocking edges visible\\n- Icons or labels per piece\\n- Optional missing piece\\n\\n## Text Placement\\n\\n- Title at top\\n- Piece labels inside or beside\\n- Connection descriptions\\n- Missing piece explanation\\n- Assembly context\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly integration concepts\\n- `paper-cutout`: Tactile puzzle feel\\n- `corporate-memphis`: Business strategy pieces\\n\\n\\n---\\n\\n## Reference: layouts/linear-progression.md\\n\\n# linear-progression\\n\\nSequential progression showing steps, timeline, or chronological events.\\n\\n## Structure\\n\\n- Linear arrangement (horizontal or vertical)\\n- Nodes/markers at key points\\n- Connecting line or path between nodes\\n- Clear start and end points\\n- Directional flow indicators\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Timeline** | Chronological events, dates | Time markers, period labels |\\n| **Process** | Action steps, numbered sequence | Step numbers, action icons |\\n\\n## Best For\\n\\n- Step-by-step tutorials and how-tos\\n- Historical timelines and evolution\\n- Project milestones and roadmaps\\n- Workflow documentation\\n- Onboarding processes\\n\\n## Visual Elements\\n\\n- Numbered steps or date markers\\n- Arrows or connectors showing direction\\n- Icons representing each step/event\\n- Consistent node spacing\\n- Progress indicators optional\\n\\n## Text Placement\\n\\n- Title at top\\n- Step/event titles at each node\\n- Brief descriptions below nodes\\n- Dates or numbers clearly visible\\n\\n## Recommended Pairings\\n\\n- `craft-handmade`: Friendly tutorials and timelines\\n- `ikea-manual`: Clean assembly instructions\\n- `corporate-memphis`: Business process flows\\n- `aged-academia`: Historical discoveries\\n\\n\\n---\\n\\n## Reference: layouts/periodic-table.md\\n\\n# periodic-table\\n\\nGrid of categorized elements with consistent cell formatting.\\n\\n## Structure\\n\\n- Rectangular grid\\n- Each cell is one element\\n- Color-coded categories\\n- Consistent cell format\\n- Optional grouping gaps\\n\\n## Best For\\n\\n- Categorized collections\\n- Tool/resource catalogs\\n- Skill matrices\\n- Element collections\\n- Reference guides\\n\\n## Visual Elements\\n\\n- Uniform cell sizes\\n- Category colors\\n- Symbol/abbreviation prominent\\n- Small icon per cell\\n- Category legend\\n\\n## Text Placement\\n\\n- Title at top\\n- Cell: symbol, name, brief info\\n- Category names in legend\\n- Optional row/column headers\\n- Footnotes for special cases\\n\\n## Recommended Pairings\\n\\n- `pop-art`: Vibrant element grids\\n- `pixel-art`: Retro collection displays\\n- `corporate-memphis`: Business tool catalogs\\n\\n\\n---\\n\\n## Reference: layouts/story-mountain.md\\n\\n# story-mountain\\n\\nPlot structure visualization showing rising action, climax, and resolution.\\n\\n## Structure\\n\\n- Mountain/arc shape\\n- Rising slope (build-up)\\n- Peak (climax)\\n- Falling slope (resolution)\\n- Start and end at base level\\n\\n## Best For\\n\\n- Narrative structures\\n- Project lifecycles\\n- Tension/release patterns\\n- Emotional journeys\\n- Campaign arcs\\n\\n## Visual Elements\\n\\n- Mountain or arc curve\\n- Points along the path\\n- Climax visually emphasized\\n- Slope steepness meaningful\\n- Base camps or milestones\\n\\n## Text Placement\\n\\n- Title at top\\n- Stage labels along path\\n- Climax prominently labeled\\n- Brief descriptions at points\\n- Start/end clearly marked\\n\\n## Recommended Pairings\\n\\n- `storybook-watercolor`: Narrative journeys\\n- `cartoon-hand-drawn`: Educational plot diagrams\\n- `graphic-novel`: Dramatic story arcs\\n\\n\\n---\\n\\n## Reference: layouts/structural-breakdown.md\\n\\n# structural-breakdown\\n\\nInternal structure visualization with labeled parts or layers.\\n\\n## Structure\\n\\n- Central subject (object, system, body)\\n- Parts or layers clearly shown\\n- Labels with callout lines\\n- Exploded or cutaway view\\n- Optional zoomed detail sections\\n\\n## Variants\\n\\n| Variant | View Type | Visual Emphasis |\\n|---------|-----------|-----------------|\\n| **Exploded** | Parts separated outward | Component relationships |\\n| **Cross-section** | Sliced/cutaway view | Internal layers, composition |\\n\\n## Best For\\n\\n- Product part breakdowns\\n- Anatomy explanations\\n- System components\\n- Device teardowns\\n- Material composition\\n\\n## Visual Elements\\n\\n- Main subject clearly rendered\\n- Callout lines with dots/arrows\\n- Label boxes at endpoints\\n- Numbered parts optionally\\n- Layer boundaries or separation\\n\\n## Text Placement\\n\\n- Title at top\\n- Part/layer labels at callouts\\n- Brief descriptions in boxes\\n- Legend for numbered systems\\n- Depth/thickness if relevant\\n\\n## Recommended Pairings\\n\\n- `technical-schematic`: Technical schematics\\n- `aged-academia`: Classic anatomical style\\n- `craft-handmade`: Friendly breakdowns\\n\\n\\n---\\n\\n## Reference: layouts/tree-branching.md\\n\\n# tree-branching\\n\\nHierarchical structure branching from root to leaves, showing categories and subcategories.\\n\\n## Structure\\n\\n- Root/trunk at top or left\\n- Branches splitting into sub-branches\\n- Leaves as terminal nodes\\n- Clear parent-child relationships\\n- Balanced or organic branching\\n\\n## Best For\\n\\n- Taxonomies and classifications\\n- Decision trees\\n- Organizational charts\\n- File/folder structures\\n- Family trees\\n\\n## Visual Elements\\n\\n- Connecting lines showing relationships\\n- Nodes at branch points\\n- Icons or labels at each node\\n- Color coding by branch\\n- Visual weight decreasing toward leaves\\n\\n## Text Placement\\n\\n- Title at top\\n- Root concept prominently labeled\\n- Branch and leaf labels\\n- Optional descriptions at key nodes\\n- Legend for categories\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly taxonomies\\n- `da-vinci-notebook`: Scientific classifications\\n- `origami`: Geometric tree structures\\n\\n\\n---\\n\\n## Reference: layouts/venn-diagram.md\\n\\n# venn-diagram\\n\\nOverlapping circles showing relationships, commonalities, and differences.\\n\\n## Structure\\n\\n- 2-3 overlapping circles\\n- Each circle is a category/concept\\n- Overlaps show shared elements\\n- Center shows common to all\\n- Unique areas for exclusives\\n\\n## Best For\\n\\n- Concept relationships\\n- Skill overlaps\\n- Market segments\\n- Comparative analysis\\n- Finding common ground\\n\\n## Visual Elements\\n\\n- Translucent circle fills\\n- Clear overlap regions\\n- Distinct colors per circle\\n- Icons in regions\\n- Boundary labels\\n\\n## Text Placement\\n\\n- Title at top\\n- Circle labels outside or on edge\\n- Items in appropriate regions\\n- Overlap region labels\\n- Legend if needed\\n\\n## Recommended Pairings\\n\\n- `cartoon-hand-drawn`: Friendly concept overlaps\\n- `corporate-memphis`: Business segment analysis\\n- `pop-art`: High-contrast comparisons\\n\\n\\n---\\n\\n## Reference: layouts/winding-roadmap.md\\n\\n# winding-roadmap\\n\\nCurved path showing journey with milestones and checkpoints.\\n\\n## Structure\\n\\n- S-curve or winding path\\n- Milestones along the path\\n- Start and destination points\\n- Side elements (obstacles, helpers)\\n- Progress indicators\\n\\n## Best For\\n\\n- Project roadmaps\\n- Career paths\\n- Customer journeys\\n- Learning paths\\n- Strategy timelines\\n\\n## Visual Elements\\n\\n- Curving road or river\\n- Milestone markers/flags\\n- Scene elements along path\\n- Vehicle/character on journey\\n- Destination landmark\\n\\n## Text Placement\\n\\n- Title at top\\n- Milestone labels at each point\\n- Path section names\\n- Destination description\\n- Optional timeline indicators\\n\\n## Recommended Pairings\\n\\n- `storybook-watercolor`: Whimsical journeys\\n- `cartoon-hand-drawn`: Friendly roadmaps\\n- `isometric-3d`: Technical project paths\\n\\n\\n---\\n\\n## Reference: structured-content-template.md\\n\\n# Structured Content Template\\n\\nTemplate for generating structured infographic content that informs the visual designer.\\n\\n## Purpose\\n\\nThis document bridges content analysis and visual design:\\n- Transforms source material into designer-ready format\\n- Organizes learning objectives into visual sections\\n- Preserves all source data verbatim\\n- Separates content from design instructions\\n\\n## Instructional Design Process\\n\\n### Phase 1: High-Level Outline\\n\\n1. **Title**: Capture the essence in a compelling headline\\n2. **Overview**: Brief description (1-2 sentences)\\n3. **Learning Objectives**: List what the viewer will understand\\n\\n### Phase 2: Section Development\\n\\nFor each learning objective:\\n\\n1. **Key Concept**: One-sentence summary of the section\\n2. **Content**: Points extracted verbatim from source\\n3. **Visual Element**: What should be shown visually\\n4. **Text Labels**: Exact text for headlines, subheads, labels\\n\\n### Phase 3: Data Integrity Check\\n\\nVerify all source data is:\\n- Copied exactly (no paraphrasing)\\n- Attributed correctly (for quotes)\\n- Formatted consistently\\n\\n## Critical Rules\\n\\n| Rule | Requirement | Example |\\n|------|-------------|---------|\\n| **Output format** | Markdown only | Use proper headers, lists, code blocks |\\n| **Tone** | Expert trainer | Knowledgeable, clear, encouraging |\\n| **No new information** | Only source content | Don\'t add examples not in source |\\n| **Verbatim data** | Exact copies | \\"73% increase\\" not \\"significant increase\\" |\\n\\n## Structured Content Format\\n\\n```markdown\\n# [Infographic Title]\\n\\n## Overview\\n[Brief description of what this infographic conveys - 1-2 sentences]\\n\\n## Learning Objectives\\nThe viewer will understand:\\n1. [Primary objective]\\n2. [Secondary objective]\\n3. [Tertiary objective if applicable]\\n\\n---\\n\\n## Section 1: [Section Title]\\n\\n**Key Concept**: [One-sentence summary of this section]\\n\\n**Content**:\\n- [Point 1 - verbatim from source]\\n- [Point 2 - verbatim from source]\\n- [Point 3 - verbatim from source]\\n\\n**Visual Element**: [Description of what to show visually]\\n- Type: [icon/chart/illustration/diagram/photo]\\n- Subject: [what it depicts]\\n- Treatment: [how it should be presented]\\n\\n**Text Labels**:\\n- Headline: \\"[Exact text for headline]\\"\\n- Subhead: \\"[Exact text for subhead]\\"\\n- Labels: \\"[Label 1]\\", \\"[Label 2]\\", \\"[Label 3]\\"\\n\\n---\\n\\n## Section 2: [Section Title]\\n\\n**Key Concept**: [One-sentence summary]\\n\\n**Content**:\\n- [Point 1]\\n- [Point 2]\\n\\n**Visual Element**: [Description]\\n\\n**Text Labels**:\\n- Headline: \\"[text]\\"\\n- Labels: \\"[Label 1]\\", \\"[Label 2]\\"\\n\\n---\\n\\n[Continue for each section...]\\n\\n---\\n\\n## Data Points (Verbatim)\\n\\nAll statistics, numbers, and quotes exactly as they appear in source:\\n\\n### Statistics\\n- \\"[Exact statistic 1]\\"\\n- \\"[Exact statistic 2]\\"\\n- \\"[Exact statistic 3]\\"\\n\\n### Quotes\\n- \\"[Exact quote]\\" — [Attribution]\\n\\n### Key Terms\\n- **[Term 1]**: [Definition from source]\\n- **[Term 2]**: [Definition from source]\\n\\n---\\n\\n## Design Instructions\\n\\nExtracted from user\'s steering prompt:\\n\\n### Style Preferences\\n- [Any color preferences]\\n- [Any mood/aesthetic preferences]\\n- [Any artistic style preferences]\\n\\n### Layout Preferences\\n- [Any structure preferences]\\n- [Any organization preferences]\\n\\n### Other Requirements\\n- [Any other visual requirements from user]\\n- [Target platform if specified]\\n- [Brand guidelines if any]\\n```\\n\\n## Section Types by Content\\n\\n### For Process/Steps\\n\\n```markdown\\n## Section N: Step N - [Step Title]\\n\\n**Key Concept**: [What this step accomplishes]\\n\\n**Content**:\\n- Action: [What to do]\\n- Details: [How to do it]\\n- Note: [Important consideration]\\n\\n**Visual Element**:\\n- Type: numbered step icon\\n- Subject: [visual representing the action]\\n- Arrow: leads to next step\\n\\n**Text Labels**:\\n- Headline: \\"Step N: [Title]\\"\\n- Action: \\"[Imperative verb + object]\\"\\n```\\n\\n### For Comparison\\n\\n```markdown\\n## Section N: [Item A] vs [Item B]\\n\\n**Key Concept**: [What distinguishes them]\\n\\n**Content**:\\n| Aspect | [Item A] | [Item B] |\\n|--------|----------|----------|\\n| [Factor 1] | [Value] | [Value] |\\n| [Factor 2] | [Value] | [Value] |\\n\\n**Visual Element**:\\n- Type: split comparison\\n- Left: [Item A representation]\\n- Right: [Item B representation]\\n\\n**Text Labels**:\\n- Headline: \\"[Item A] vs [Item B]\\"\\n- Left label: \\"[Item A name]\\"\\n- Right label: \\"[Item B name]\\"\\n```\\n\\n### For Hierarchy\\n\\n```markdown\\n## Section N: [Level Name]\\n\\n**Key Concept**: [What this level represents]\\n\\n**Content**:\\n- Position: [Top/Middle/Bottom]\\n- Priority: [Importance level]\\n- Contains: [Elements at this level]\\n\\n**Visual Element**:\\n- Type: layer/tier\\n- Size: [relative to other levels]\\n- Position: [where in hierarchy]\\n\\n**Text Labels**:\\n- Level title: \\"[Name]\\"\\n- Description: \\"[Brief description]\\"\\n```\\n\\n### For Data/Statistics\\n\\n```markdown\\n## Section N: [Metric Name]\\n\\n**Key Concept**: [What this data shows]\\n\\n**Content**:\\n- Value: [Exact number/percentage]\\n- Context: [What it means]\\n- Comparison: [Benchmark if any]\\n\\n**Visual Element**:\\n- Type: [chart/number highlight/gauge]\\n- Emphasis: [how to draw attention]\\n\\n**Text Labels**:\\n- Main number: \\"[Exact value]\\"\\n- Label: \\"[Metric name]\\"\\n- Context: \\"[Brief context]\\"\\n```\\n\\n## Quality Checklist\\n\\nBefore finalizing structured content:\\n\\n- [ ] Title captures the main message\\n- [ ] Learning objectives are clear and measurable\\n- [ ] Each section maps to an objective\\n- [ ] All content is verbatim from source\\n- [ ] Visual elements are clearly described\\n- [ ] Text labels are specified exactly\\n- [ ] Data points are collected and verified\\n- [ ] Design instructions are separated\\n- [ ] No new information has been added\\n\\n\\n---\\n\\n## Reference: styles/aged-academia.md\\n\\n# aged-academia\\n\\nHistorical scientific illustration with aged paper aesthetic.\\n\\n## Color Palette\\n\\n- Primary: Sepia brown (#704214), aged ink, muted earth tones\\n- Background: Parchment (#F4E4BC), yellowed paper texture\\n- Accents: Faded red annotations, iron gall ink spots\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Notebook** | Personal sketches, inventions | Cursive notes, margin annotations |\\n| **Specimen** | Scientific classification | Numbered diagrams, Latin labels |\\n\\n## Visual Elements\\n\\n- Aged paper texture overlay\\n- Detailed cross-hatching and line work\\n- Scientific illustration precision\\n- Study notes and annotations\\n- Specimen plate or sketch aesthetic\\n- Numbered diagram elements\\n\\n## Typography\\n\\n- Handwritten cursive or serif fonts\\n- Scientific annotations\\n- Small caps for labels\\n- Italics for scientific names\\n\\n## Best For\\n\\nScientific education, biology topics, historical explanations, inventions, nature documentation\\n\\n\\n---\\n\\n## Reference: styles/bold-graphic.md\\n\\n# bold-graphic\\n\\nHigh-contrast comic style with bold outlines and dramatic visuals.\\n\\n## Color Palette\\n\\n- Primary: Bold primaries - red, yellow, blue, black\\n- Background: White, halftone patterns, dramatic shadows\\n- Accents: Spot colors, neon highlights\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Graphic-novel** | Dramatic narratives | Action lines, hatching, panels |\\n| **Pop-art** | High-energy impact | Halftone dots, Warhol repetition |\\n\\n## Visual Elements\\n\\n- Bold black outlines\\n- High contrast compositions\\n- Halftone dot patterns\\n- Comic panel borders optional\\n- Action lines and motion\\n- Speech bubbles and sound effects\\n\\n## Typography\\n\\n- Comic book lettering\\n- Impact fonts for emphasis\\n- POW/BANG effects for pop-art\\n- Caption boxes for narrative\\n\\n## Best For\\n\\nAttention-grabbing content, dramatic narratives, pop culture, marketing, high-energy presentations\\n\\n\\n---\\n\\n## Reference: styles/chalkboard.md\\n\\n# chalkboard\\n\\nBlack chalkboard background with colorful chalk drawing style\\n\\n## Design Aesthetic\\n\\nClassic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.\\n\\n## Background\\n\\n- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)\\n- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks\\n\\n## Typography\\n\\nHand-drawn chalk lettering style with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Chalkboard Black | #1A1A1A | Primary background |\\n| Alt Background | Green-Black | #1C2B1C | Traditional green board |\\n| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |\\n| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |\\n| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |\\n| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |\\n| Accent 4 | Chalk Green | #90EE90 | Success, nature |\\n| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |\\n\\n## Visual Elements\\n\\n- Hand-drawn chalk illustrations with sketchy, imperfect lines\\n- Chalk dust effects around text and key elements\\n- Doodles: stars, arrows, underlines, circles, checkmarks\\n- Mathematical formulas and simple diagrams\\n- Eraser smudges and chalk residue textures\\n- Wooden frame border optional\\n- Stick figures and simple icons\\n- Connection lines with hand-drawn feel\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain authentic chalk texture on all elements\\n- Use imperfect, hand-drawn quality throughout\\n- Add subtle chalk dust and smudge effects\\n- Create visual hierarchy with color variety\\n- Include playful doodles and annotations\\n\\n### Don\'t\\n\\n- Use perfect geometric shapes\\n- Create clean digital-looking lines\\n- Add photorealistic elements\\n- Use gradients or glossy effects\\n\\n## Best For\\n\\nEducational content, tutorials, classroom themes, teaching materials, workshops, informal learning sessions, knowledge sharing\\n\\n\\n---\\n\\n## Reference: styles/claymation.md\\n\\n# claymation\\n\\n3D clay figure aesthetic with stop-motion charm\\n\\n## Color Palette\\n\\n- Primary: Saturated clay colors - bright but slightly muted\\n- Background: Neutral studio backdrop, soft gradients\\n- Accents: Complementary clay colors, shiny highlights\\n\\n## Visual Elements\\n\\n- Clay/plasticine texture on all objects\\n- Fingerprint marks and imperfections\\n- Rounded, sculpted forms\\n- Soft shadows\\n- Stop-motion staging\\n- Miniature set aesthetic\\n\\n## Typography\\n\\n- Extruded clay letters\\n- Dimensional, rounded text\\n- Playful and chunky\\n- Embedded in clay scenes\\n\\n## Best For\\n\\nPlayful explanations, children\'s content, stop-motion narratives, friendly processes\\n\\n\\n---\\n\\n## Reference: styles/corporate-memphis.md\\n\\n# corporate-memphis\\n\\nFlat vector people with vibrant geometric fills\\n\\n## Color Palette\\n\\n- Primary: Bright, saturated - purple, orange, teal, yellow\\n- Background: White or light pastels\\n- Accents: Gradient fills, geometric patterns\\n\\n## Visual Elements\\n\\n- Flat vector illustration\\n- Disproportionate human figures\\n- Abstract body shapes\\n- Floating geometric elements\\n- No outlines, solid fills\\n- Plant and object accents\\n\\n## Typography\\n\\n- Clean sans-serif\\n- Bold headings\\n- Professional but friendly\\n- Minimal decoration\\n\\n## Best For\\n\\nBusiness presentations, tech products, marketing materials, corporate training\\n\\n\\n---\\n\\n## Reference: styles/craft-handmade.md\\n\\n# craft-handmade (DEFAULT)\\n\\nHand-drawn and paper craft aesthetic with warm, organic feel.\\n\\n## Color Palette\\n\\n- Primary: Warm pastels, soft saturated colors, craft paper tones\\n- Background: Light cream (#FFF8F0), textured paper (#F5F0E6)\\n- Accents: Bold highlights, construction paper colors\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Hand-drawn** | Cartoon illustration | Simple icons, slightly imperfect lines |\\n| **Paper-cutout** | Layered paper craft | Drop shadows, torn edges, texture |\\n\\n## Visual Elements\\n\\n- Hand-drawn or cut-paper quality\\n- Organic, slightly imperfect shapes\\n- Layered depth with shadows (paper variant)\\n- Simple cartoon elements and icons\\n- Character illustrations (people, personalities in cartoon form)\\n- Ample whitespace, clean composition\\n- Keywords and core concepts highlighted\\n- **Strictly hand-drawn—no realistic or photographic elements**\\n\\n## Style Enforcement\\n\\n- All imagery must maintain cartoon/illustrated aesthetic\\n- Replace real photos or realistic figures with hand-drawn equivalents\\n- Maintain consistent line weight and illustration style throughout\\n\\n## Typography\\n\\n- Hand-drawn or casual font style\\n- Clear, readable labels\\n- Keywords emphasized with larger/bolder text\\n- Cut-out letter style for paper variant\\n\\n## Best For\\n\\nEducational content, general explanations, friendly infographics, children\'s content, playful hierarchies\\n\\n\\n---\\n\\n## Reference: styles/cyberpunk-neon.md\\n\\n# cyberpunk-neon\\n\\nNeon glow on dark backgrounds, futuristic aesthetic\\n\\n## Color Palette\\n\\n- Primary: Neon pink (#FF00FF), cyan (#00FFFF), electric blue\\n- Background: Deep black (#0A0A0A), dark purple gradients\\n- Accents: Neon glow effects, chrome reflections\\n\\n## Visual Elements\\n\\n- Glowing neon outlines\\n- Dark atmospheric backgrounds\\n- Digital glitch effects\\n- Circuit patterns\\n- Holographic elements\\n- Rain and reflections\\n\\n## Typography\\n\\n- Glowing neon text\\n- Digital/tech fonts\\n- Flickering effects\\n- Outlined glow letters\\n\\n## Best For\\n\\nTech futures, gaming content, digital culture, futuristic concepts, night aesthetics\\n\\n\\n---\\n\\n## Reference: styles/ikea-manual.md\\n\\n# ikea-manual\\n\\nMinimal line art assembly instruction style\\n\\n## Color Palette\\n\\n- Primary: Black lines, minimal fills\\n- Background: White or cream paper\\n- Accents: Red for warnings, blue for highlights\\n\\n## Visual Elements\\n\\n- Simple line drawings\\n- Numbered step sequences\\n- Arrow indicators\\n- Exploded assembly views\\n- Wordless communication\\n- Stick figures for scale\\n\\n## Typography\\n\\n- Minimal text\\n- Step numbers prominent\\n- Universal symbols\\n- Simple sans-serif when needed\\n\\n## Best For\\n\\nStep-by-step instructions, assembly guides, how-to content, universal communication\\n\\n\\n---\\n\\n## Reference: styles/kawaii.md\\n\\n# kawaii\\n\\nJapanese cute style with big eyes and pastel colors\\n\\n## Color Palette\\n\\n- Primary: Soft pastels - pink (#FFB6C1), mint (#98D8C8), lavender (#E6E6FA)\\n- Background: Light pink or cream, sparkle overlays\\n- Accents: Bright pops, star and heart shapes\\n\\n## Visual Elements\\n\\n- Big sparkly eyes on characters\\n- Rounded, soft shapes\\n- Blushing cheeks\\n- Sparkles and stars scattered\\n- Cute animal characters\\n- Chibi proportions\\n\\n## Typography\\n\\n- Rounded, bubbly fonts\\n- Cute decorations on letters\\n- Hearts and stars in text\\n- Soft, friendly appearance\\n\\n## Best For\\n\\nCute tutorials, children\'s education, lifestyle content, character-driven explanations\\n\\n\\n---\\n\\n## Reference: styles/knolling.md\\n\\n# knolling\\n\\nOrganized flat-lay with top-down arrangement\\n\\n## Color Palette\\n\\n- Primary: Object\'s natural colors\\n- Background: Solid color - black, white, or colored surface\\n- Accents: Shadows, subtle highlights\\n\\n## Visual Elements\\n\\n- Top-down camera angle\\n- Objects arranged at 90° angles\\n- Equal spacing between items\\n- Clean organization\\n- Symmetry and order\\n- No overlapping items\\n\\n## Typography\\n\\n- Clean labels\\n- Positioned outside objects\\n- Connecting lines to items\\n- Minimal, catalog-style\\n\\n## Best For\\n\\nProduct collections, tool inventories, gear layouts, organized overviews\\n\\n\\n---\\n\\n## Reference: styles/lego-brick.md\\n\\n# lego-brick\\n\\nToy brick construction with playful aesthetic\\n\\n## Color Palette\\n\\n- Primary: Classic LEGO colors - red, blue, yellow, green, white\\n- Background: Light gray baseplate or white\\n- Accents: Bright primary pops, shiny studs\\n\\n## Visual Elements\\n\\n- Visible brick studs\\n- Modular construction\\n- Minifigure characters\\n- Building instruction style\\n- Stackable elements\\n- Plastic sheen\\n\\n## Typography\\n\\n- Blocky, bold fonts\\n- LEGO instruction style\\n- Step numbers\\n- Playful appearance\\n\\n## Best For\\n\\nBuilding concepts, modular systems, playful education, children\'s content\\n\\n\\n---\\n\\n## Reference: styles/morandi-journal.md\\n\\n# morandi-journal\\n\\nHand-drawn doodle illustration with warm Morandi color tones and cozy bullet journal aesthetic.\\n\\n## Color Palette\\n\\n- Background: Warm cream/beige with subtle paper texture (#F5F0E6)\\n- Primary: Muted teal/sage green (#7BA3A8) for headers and frames\\n- Secondary: Warm terracotta/orange (#D4956A) for highlights and numbers\\n- Line art: Dark charcoal brown (#4A4540)\\n- Soft highlights: Pale yellow (#F5E6C8)\\n\\n## Visual Elements\\n\\n- Hand-drawn doodle illustrations with organic, slightly imperfect ink lines\\n- Washi tape strip decorations (diagonal stripes pattern, beige and brown)\\n- Rounded card containers for brand/option items\\n- Hand-drawn rulers, scales, and progress bars with emoji quality indicators\\n- Smiley/frowny faces as quality markers (😊✓ 😐 ☹️✗)\\n- Dotted line frames around sections\\n- Connecting arrows and dotted lines between modules\\n- Corner decorations: tiny houses, stars, sparkles, clouds\\n- Wavy line dividers between sections\\n- Callout bubbles for tips\\n- Magnifying glass icons for identification tips\\n- Thumbs up/down icons (hand-drawn style)\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Cozy journal** | Maximum warmth | More washi tape, stickers, decorative doodles |\\n| **Clean sketch** | Readability | Cleaner lines, less decoration, more structured |\\n\\n## Typography\\n\\n- Main title: Bold hand-lettered calligraphy style with decorative flourishes\\n- Module headers: Clean handwritten text in white on dark teal rounded badge (#6B9080)\\n- Body text: Neat handwritten print style, easy to read\\n- Numbers: Highlighted in terracotta (#D4956A), slightly larger than body\\n\\n## Style Enforcement\\n\\n- All imagery must maintain hand-drawn/doodle aesthetic—no digital precision\\n- Organic, slightly imperfect shapes throughout\\n- Sketch-like quality with visible line weight variations\\n- Warm and cozy journal feel, not clinical or corporate\\n\\n## Avoid\\n\\n- Flat vector icons or emoji\\n- Clean geometric shapes\\n- Stock illustration style\\n- Strict grid layout\\n- Pure white background\\n- Digital/corporate look\\n\\n## Best For\\n\\nProduct selection guides, lifestyle content, educational overviews, consumer-facing comparison content, Xiaohongshu-style posts\\n\\n\\n---\\n\\n## Reference: styles/origami.md\\n\\n# origami\\n\\nFolded paper forms with geometric precision\\n\\n## Color Palette\\n\\n- Primary: Solid origami paper colors - red, blue, green, gold\\n- Background: White or soft gray, subtle shadows\\n- Accents: Paper fold highlights, crisp shadows\\n\\n## Visual Elements\\n\\n- Geometric folded shapes\\n- Visible fold lines\\n- Cast shadows showing depth\\n- Paper texture\\n- Angular, faceted forms\\n- Low-poly aesthetic\\n\\n## Typography\\n\\n- Clean geometric fonts\\n- Angular letterforms\\n- Folded paper text effect\\n- Minimal, precise labels\\n\\n## Best For\\n\\nGeometric concepts, transformation topics, Japanese themes, abstract representations\\n\\n\\n---\\n\\n## Reference: styles/pixel-art.md\\n\\n# pixel-art\\n\\nRetro 8-bit gaming aesthetic\\n\\n## Color Palette\\n\\n- Primary: Limited palette - NES/SNES colors\\n- Background: Black or dark blue, scanlines optional\\n- Accents: Bright pixel highlights, CRT glow\\n\\n## Visual Elements\\n\\n- Visible pixel grid\\n- Limited color count per sprite\\n- 8-bit or 16-bit style\\n- Retro game UI elements\\n- Pixel-perfect edges\\n- Dithering for gradients\\n\\n## Typography\\n\\n- Pixel fonts\\n- Blocky letterforms\\n- Game UI style text\\n- Score/stat display style\\n\\n## Best For\\n\\nGaming topics, nostalgia content, developer audiences, retro tech themes\\n\\n\\n---\\n\\n## Reference: styles/pop-laboratory.md\\n\\n# pop-laboratory\\n\\nLab manual precision meets pop art color impact—coordinate systems, technical diagrams, and fluorescent accents on blueprint grid.\\n\\n## Color Palette\\n\\n- Background: Professional grayish-white with faint blueprint grid texture (#F2F2F2)\\n- Primary: Muted teal/sage green (#B8D8BE) for major functional blocks and data zones\\n- High-alert accent: Vibrant fluorescent pink (#E91E63) strictly for warnings, critical data, or \\"winner\\" highlights\\n- Marker highlights: Vivid lemon yellow (#FFF200) as translucent highlighter effect for keywords\\n- Line art: Ultra-fine charcoal brown (#2D2926) for technical grids, coordinates, and hairlines\\n\\n## Visual Elements\\n\\n- Coordinate-style labels on every module (e.g., R-20, G-02, SEC-08)\\n- Technical diagrams: exploded views, cross-sections with anchor points, architectural skeletal lines\\n- Vertical/horizontal rulers with precise markers (0.5mm, 1.8mm, 45°)\\n- \\"Marker-over-print\\" effect: color blocks slightly offset from text, postmodern print feel\\n- Cross-hair targets, mathematical symbols (Σ, Δ, ∞), directional arrows (X/Y axis)\\n- Microscopic detail annotations alongside macroscopic bold headers\\n- Corner metadata: tiny barcodes, timestamps, technical parameters\\n- High contrast between massive bold headers and tiny 8pt-style annotations\\n\\n## Typography\\n\\n- Headers: Bold brutalist characters, high visual impact\\n- Body: Professional sans-serif or crisp technical print\\n- Numbers: Large, highlighted with yellow or blue to stand out\\n- Annotations: Ultra-crisp, small technical labels\\n\\n## Style Enforcement\\n\\n- Strictly systematic color usage: only teal, pink, yellow, charcoal—no rainbow palette\\n- Sufficient fine grid lines and coordinate annotations throughout\\n- Maintain tension between large impactful headers and small precise parameters\\n- Lab manual aesthetic: mix of microscopic details and macroscopic data\\n\\n## Avoid\\n\\n- Cute or cartoonish doodles\\n- Soft pastels or generic textures\\n- Empty white space\\n- Flat vector stock icons\\n- Organic or hand-drawn imperfections\\n\\n## Best For\\n\\nTechnical product guides, specification comparisons, precision-focused data visualization, engineering-adjacent content\\n\\n\\n---\\n\\n## Reference: styles/retro-pop-grid.md\\n\\n# retro-pop-grid\\n\\n1970s retro pop art with strict Swiss international grid, thick black outlines, and flat color blocks.\\n\\n## Color Palette\\n\\n- Background: Warm vintage cream/beige (#F5F0E6)\\n- Flat accents: Salmon pink, sky blue, mustard yellow, mint green—all muted retro tones\\n- Contrast blocks: Solid pure black (#000000) and solid pure white (#FFFFFF) used strategically for extreme contrast\\n- Line art and outlines: Solid thick black\\n\\n## Visual Elements\\n\\n- Uniform thick black outlines on all illustrations, text boxes, and grid dividers\\n- Pure 2D flat vector aesthetic with subtle screen print texture\\n- Strict Swiss international grid: poster divided into square and rectangular cells by thick black lines\\n- Black-background cells with white text for warnings or key categories (inverted contrast)\\n- Geometric fill patterns in empty cells: checkerboards, diagonal lines, dots\\n- Flat abstract symbols, warning signs, keyholes, stars, arrows\\n- Vintage comic-style smiley/frowny faces for quality indicators\\n- Colored cells used for breathing room—some with minimal/no content\\n\\n## Typography\\n\\n- Headers: Bold brutalist or retro thick display fonts, high legibility\\n- Body: Clean sans-serif, structured typographic alignment\\n- Decorative English text acceptable for stylistic labels (\\"WARNING\\", \\"INFO\\", \\"BEST\\")\\n- All content text in specified language\\n\\n## Style Enforcement\\n\\n- Absolutely no gradients, shading, drop shadows, or 3D effects\\n- Everything anchored in grid cells—no floating or unorganized elements\\n- Maintain 1970s retro pop art and underground comic illustration feel\\n- Visual density balanced with rhythmic grid—some cells intentionally sparse for contrast\\n\\n## Avoid\\n\\n- 3D rendering, realistic details, gradients, soft shadows\\n- Soft, thin, or sketch-like pencil lines\\n- Free-flowing, unorganized, or floating layouts (everything must be grid-anchored)\\n- Pure white background canvas\\n- Organic or hand-drawn imperfections\\n\\n## Best For\\n\\nTrendy product guides, design-conscious content, visually striking comparisons, content targeting design-savvy audiences, bold social media posts\\n\\n\\n---\\n\\n## Reference: styles/storybook-watercolor.md\\n\\n# storybook-watercolor\\n\\nSoft hand-painted illustration with whimsical charm\\n\\n## Color Palette\\n\\n- Primary: Soft watercolor washes - muted blues, greens, warm earth\\n- Background: Watercolor paper texture, white or cream\\n- Accents: Deeper pigment pools, splatter effects\\n\\n## Visual Elements\\n\\n- Visible brushstrokes\\n- Soft color bleeds and gradients\\n- White space as design element\\n- Delicate line work over washes\\n- Natural, organic shapes\\n- Dreamy, atmospheric quality\\n\\n## Typography\\n\\n- Elegant hand-lettering\\n- Watercolor-style text\\n- Flowing, organic letterforms\\n- Integrated with illustrations\\n\\n## Best For\\n\\nStorytelling, emotional journeys, nature topics, children\'s education, artistic presentations\\n\\n\\n---\\n\\n## Reference: styles/subway-map.md\\n\\n# subway-map\\n\\nTransit diagram style with colored lines and stations\\n\\n## Color Palette\\n\\n- Primary: Transit line colors - red, blue, green, yellow, orange\\n- Background: White or light gray\\n- Accents: Station dots, interchange markers\\n\\n## Visual Elements\\n\\n- Colored route lines\\n- 45° and 90° angles only\\n- Station circle markers\\n- Interchange symbols\\n- Simplified geography\\n- Line thickness hierarchy\\n\\n## Typography\\n\\n- Clean sans-serif\\n- Station name labels\\n- Line number/name badges\\n- Horizontal or angled text\\n\\n## Best For\\n\\nJourney maps, process flows, network diagrams, route explanations\\n\\n\\n---\\n\\n## Reference: styles/technical-schematic.md\\n\\n# technical-schematic\\n\\nTechnical diagrams with engineering precision and clean geometry.\\n\\n## Color Palette\\n\\n- Primary: Blues (#2563EB), teals, grays, white lines\\n- Background: Deep blue (#1E3A5F), white, or light gray with grid\\n- Accents: Amber highlights (#F59E0B), cyan callouts\\n\\n## Variants\\n\\n| Variant | Focus | Visual Emphasis |\\n|---------|-------|-----------------|\\n| **Blueprint** | Engineering schematics | White on blue, measurements, grid |\\n| **Isometric** | 3D spatial representation | 30° angle blocks, clean fills |\\n\\n## Visual Elements\\n\\n- Geometric precision throughout\\n- Grid pattern or isometric angle\\n- Dimension lines and measurements\\n- Technical symbols and annotations\\n- Clean vector shapes\\n- Consistent stroke weights\\n\\n## Typography\\n\\n- Technical stencil or clean sans-serif\\n- All-caps labels\\n- Measurement annotations\\n- Floating labels for isometric\\n\\n## Best For\\n\\nTechnical architecture, system diagrams, engineering specs, product breakdowns, data visualization\\n\\n\\n---\\n\\n## Reference: styles/ui-wireframe.md\\n\\n# ui-wireframe\\n\\nGrayscale interface mockup style\\n\\n## Color Palette\\n\\n- Primary: Grays - light (#E5E5E5), medium (#9CA3AF), dark (#374151)\\n- Background: White (#FFFFFF), light gray\\n- Accents: Blue for interactive (#3B82F6), red for emphasis\\n\\n## Visual Elements\\n\\n- Wireframe boxes and placeholders\\n- X marks for image placeholders\\n- Simple line icons\\n- Grid-based layout\\n- Annotation callouts\\n- Redline specifications\\n\\n## Typography\\n\\n- System fonts\\n- Placeholder \\"Lorem ipsum\\"\\n- UI label style\\n- Sans-serif throughout\\n\\n## Best For\\n\\nProduct designs, UI explanations, app concepts, user flow diagrams\\n","source":"baoyu-skills","category":"content-skills","outputType":"image"},{"id":"baoyu-skills:baoyu-slide-deck","name":"幻灯片(baoyu-slide-deck)","description":"Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to \\"create slides\\", \\"make a presentation\\", \\"generate deck\\", \\"slide deck\\", or \\"PPT\\".","type":"external","content":"# Slide Deck Generator\\n\\nTransform content into professional slide deck images.\\n\\n## Usage\\n\\n```bash\\n/baoyu-slide-deck path/to/content.md\\n/baoyu-slide-deck path/to/content.md --style sketch-notes\\n/baoyu-slide-deck path/to/content.md --audience executives\\n/baoyu-slide-deck path/to/content.md --lang zh\\n/baoyu-slide-deck path/to/content.md --slides 10\\n/baoyu-slide-deck path/to/content.md --outline-only\\n/baoyu-slide-deck  # Then paste content\\n```\\n\\n## Script Directory\\n\\n**Agent Execution Instructions**:\\n1. Determine this SKILL.md file\'s directory path as `SKILL_DIR`\\n2. Script path = `${SKILL_DIR}/scripts/<script-name>.ts`\\n\\n| Script | Purpose |\\n|--------|---------|\\n| `scripts/merge-to-pptx.ts` | Merge slides into PowerPoint |\\n| `scripts/merge-to-pdf.ts` | Merge slides into PDF |\\n\\n## Options\\n\\n| Option | Description |\\n|--------|-------------|\\n| `--style <name>` | Visual style: preset name, `custom`, or custom style name |\\n| `--audience <type>` | Target: beginners, intermediate, experts, executives, general |\\n| `--lang <code>` | Output language (en, zh, ja, etc.) |\\n| `--slides <number>` | Target slide count (8-25 recommended, max 30) |\\n| `--outline-only` | Generate outline only, skip image generation |\\n| `--prompts-only` | Generate outline + prompts, skip images |\\n| `--images-only` | Generate images from existing prompts directory |\\n| `--regenerate <N>` | Regenerate specific slide(s): `--regenerate 3` or `--regenerate 2,5,8` |\\n\\n**Slide Count by Content Length**:\\n| Content | Slides |\\n|---------|--------|\\n| < 1000 words | 5-10 |\\n| 1000-3000 words | 10-18 |\\n| 3000-5000 words | 15-25 |\\n| > 5000 words | 20-30 (consider splitting) |\\n\\n## Style System\\n\\n### Presets\\n\\n| Preset | Dimensions | Best For |\\n|--------|------------|----------|\\n| `blueprint` (Default) | grid + cool + technical + balanced | Architecture, system design |\\n| `chalkboard` | organic + warm + handwritten + balanced | Education, tutorials |\\n| `corporate` | clean + professional + geometric + balanced | Investor decks, proposals |\\n| `minimal` | clean + neutral + geometric + minimal | Executive briefings |\\n| `sketch-notes` | organic + warm + handwritten + balanced | Educational, tutorials |\\n| `watercolor` | organic + warm + humanist + minimal | Lifestyle, wellness |\\n| `dark-atmospheric` | clean + dark + editorial + balanced | Entertainment, gaming |\\n| `notion` | clean + neutral + geometric + dense | Product demos, SaaS |\\n| `bold-editorial` | clean + vibrant + editorial + balanced | Product launches, keynotes |\\n| `editorial-infographic` | clean + cool + editorial + dense | Tech explainers, research |\\n| `fantasy-animation` | organic + vibrant + handwritten + minimal | Educational storytelling |\\n| `intuition-machine` | clean + cool + technical + dense | Technical docs, academic |\\n| `pixel-art` | pixel + vibrant + technical + balanced | Gaming, developer talks |\\n| `scientific` | clean + cool + technical + dense | Biology, chemistry, medical |\\n| `vector-illustration` | clean + vibrant + humanist + balanced | Creative, children\'s content |\\n| `vintage` | paper + warm + editorial + balanced | Historical, heritage |\\n\\n### Style Dimensions\\n\\n| Dimension | Options | Description |\\n|-----------|---------|-------------|\\n| **Texture** | clean, grid, organic, pixel, paper | Visual texture and background treatment |\\n| **Mood** | professional, warm, cool, vibrant, dark, neutral | Color temperature and palette style |\\n| **Typography** | geometric, humanist, handwritten, editorial, technical | Headline and body text styling |\\n| **Density** | minimal, balanced, dense | Information density per slide |\\n\\nFull specs: `references/dimensions/*.md`\\n\\n### Auto Style Selection\\n\\n| Content Signals | Preset |\\n|-----------------|--------|\\n| tutorial, learn, education, guide, beginner | `sketch-notes` |\\n| classroom, teaching, school, chalkboard | `chalkboard` |\\n| architecture, system, data, analysis, technical | `blueprint` |\\n| creative, children, kids, cute | `vector-illustration` |\\n| briefing, academic, research, bilingual | `intuition-machine` |\\n| executive, minimal, clean, simple | `minimal` |\\n| saas, product, dashboard, metrics | `notion` |\\n| investor, quarterly, business, corporate | `corporate` |\\n| launch, marketing, keynote, magazine | `bold-editorial` |\\n| entertainment, music, gaming, atmospheric | `dark-atmospheric` |\\n| explainer, journalism, science communication | `editorial-infographic` |\\n| story, fantasy, animation, magical | `fantasy-animation` |\\n| gaming, retro, pixel, developer | `pixel-art` |\\n| biology, chemistry, medical, scientific | `scientific` |\\n| history, heritage, vintage, expedition | `vintage` |\\n| lifestyle, wellness, travel, artistic | `watercolor` |\\n| Default | `blueprint` |\\n\\n## Design Philosophy\\n\\nDecks designed for **reading and sharing**, not live presentation:\\n- Each slide self-explanatory without verbal commentary\\n- Logical flow when scrolling\\n- All necessary context within each slide\\n- Optimized for social media sharing\\n\\nSee `references/design-guidelines.md` for:\\n- Audience-specific principles\\n- Visual hierarchy\\n- Content density guidelines\\n- Color and typography selection\\n- Font recommendations\\n\\nSee `references/layouts.md` for layout options.\\n\\n## File Management\\n\\n### Output Directory\\n\\n```\\nslide-deck/{topic-slug}/\\n├── source-{slug}.{ext}\\n├── outline.md\\n├── prompts/\\n│   └── 01-slide-cover.md, 02-slide-{slug}.md, ...\\n├── 01-slide-cover.png, 02-slide-{slug}.png, ...\\n├── {topic-slug}.pptx\\n└── {topic-slug}.pdf\\n```\\n\\n**Slug**: Extract topic (2-4 words, kebab-case). Example: \\"Introduction to Machine Learning\\" → `intro-machine-learning`\\n\\n**Conflict Handling**: See Step 1.3 for existing content detection and user options.\\n\\n## Language Handling\\n\\n**Detection Priority**:\\n1. `--lang` flag (explicit)\\n2. EXTEND.md `language` setting\\n3. User\'s conversation language (input language)\\n4. Source content language\\n\\n**Rule**: ALL responses use user\'s preferred language:\\n- Questions and confirmations\\n- Progress reports\\n- Error messages\\n- Completion summaries\\n\\nTechnical terms (style names, file paths, code) remain in English.\\n\\n## Workflow\\n\\nCopy this checklist and check off items as you complete them:\\n\\n```\\nSlide Deck Progress:\\n- [ ] Step 1: Setup & Analyze\\n  - [ ] 1.1 Load preferences\\n  - [ ] 1.2 Analyze content\\n  - [ ] 1.3 Check existing ⚠️ REQUIRED\\n- [ ] Step 2: Confirmation ⚠️ REQUIRED (Round 1, optional Round 2)\\n- [ ] Step 3: Generate outline\\n- [ ] Step 4: Review outline (conditional)\\n- [ ] Step 5: Generate prompts\\n- [ ] Step 6: Review prompts (conditional)\\n- [ ] Step 7: Generate images\\n- [ ] Step 8: Merge to PPTX/PDF\\n- [ ] Step 9: Output summary\\n```\\n\\n### Flow\\n\\n```\\nInput → Preferences → Analyze → [Check Existing?] → Confirm (1-2 rounds) → Outline → [Review Outline?] → Prompts → [Review Prompts?] → Images → Merge → Complete\\n```\\n\\n### Step 1: Setup & Analyze\\n\\n**1.1 Load Preferences (EXTEND.md)**\\n\\nUse Bash to check EXTEND.md existence (priority order):\\n\\n```bash\\n# Check project-level first\\ntest -f .baoyu-skills/baoyu-slide-deck/EXTEND.md && echo \\"project\\"\\n\\n# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)\\ntest -f \\"$HOME/.baoyu-skills/baoyu-slide-deck/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n┌──────────────────────────────────────────────────┬───────────────────┐\\n│                       Path                       │     Location      │\\n├──────────────────────────────────────────────────┼───────────────────┤\\n│ .baoyu-skills/baoyu-slide-deck/EXTEND.md         │ Project directory │\\n├──────────────────────────────────────────────────┼───────────────────┤\\n│ $HOME/.baoyu-skills/baoyu-slide-deck/EXTEND.md   │ User home         │\\n└──────────────────────────────────────────────────┴───────────────────┘\\n\\n**When EXTEND.md Found** → Read, parse, **output summary to user**:\\n\\n```\\n📋 Loaded preferences from [full path]\\n├─ Style: [preset/custom name]\\n├─ Audience: [audience or \\"auto-detect\\"]\\n├─ Language: [language or \\"auto-detect\\"]\\n└─ Review: [enabled/disabled]\\n```\\n\\n**When EXTEND.md Not Found** → First-time setup using AskUserQuestion or proceed with defaults.\\n\\n**EXTEND.md Supports**: Preferred style | Custom dimensions | Default audience | Language preference | Review preference\\n\\nSchema: `references/config/preferences-schema.md`\\n\\n**1.2 Analyze Content**\\n\\n1. Save source content (if pasted, save as `source.md`)\\n   - **Backup rule**: If `source.md` exists, rename to `source-backup-YYYYMMDD-HHMMSS.md`\\n2. Follow `references/analysis-framework.md` for content analysis\\n3. Analyze content signals for style recommendations\\n4. Detect source language\\n5. Determine recommended slide count\\n6. Generate topic slug from content\\n\\n**1.3 Check Existing Content** ⚠️ REQUIRED\\n\\n**MUST execute before proceeding to Step 2.**\\n\\nUse Bash to check if output directory exists:\\n\\n```bash\\ntest -d \\"slide-deck/{topic-slug}\\" && echo \\"exists\\"\\n```\\n\\n**If directory exists**, use AskUserQuestion:\\n\\n```\\nheader: \\"Existing\\"\\nquestion: \\"Existing content found. How to proceed?\\"\\noptions:\\n  - label: \\"Regenerate outline\\"\\n    description: \\"Keep images, regenerate outline only\\"\\n  - label: \\"Regenerate images\\"\\n    description: \\"Keep outline, regenerate images only\\"\\n  - label: \\"Backup and regenerate\\"\\n    description: \\"Backup to {slug}-backup-{timestamp}, then regenerate all\\"\\n  - label: \\"Exit\\"\\n    description: \\"Cancel, keep existing content unchanged\\"\\n```\\n\\n**Save to `analysis.md`** with:\\n- Topic, audience, content signals\\n- Recommended style (based on Auto Style Selection)\\n- Recommended slide count\\n- Language detection\\n\\n### Step 2: Confirmation ⚠️ REQUIRED\\n\\n**Two-round confirmation**: Round 1 always, Round 2 only if \\"Custom dimensions\\" selected.\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\n**Display summary**:\\n- Content type + topic identified\\n- Language: [from EXTEND.md or detected]\\n- **Recommended style**: [preset] (based on content signals)\\n- **Recommended slides**: [N] (based on content length)\\n\\n#### Round 1 (Always)\\n\\n**Use AskUserQuestion** for all 5 questions:\\n\\n**Question 1: Style**\\n```\\nheader: \\"Style\\"\\nquestion: \\"Which visual style for this deck?\\"\\noptions:\\n  - label: \\"{recommended_preset} (Recommended)\\"\\n    description: \\"Best match based on content analysis\\"\\n  - label: \\"{alternative_preset}\\"\\n    description: \\"[alternative style description]\\"\\n  - label: \\"Custom dimensions\\"\\n    description: \\"Choose texture, mood, typography, density separately\\"\\n```\\n\\n**Question 2: Audience**\\n```\\nheader: \\"Audience\\"\\nquestion: \\"Who is the primary reader?\\"\\noptions:\\n  - label: \\"General readers (Recommended)\\"\\n    description: \\"Broad appeal, accessible content\\"\\n  - label: \\"Beginners/learners\\"\\n    description: \\"Educational focus, clear explanations\\"\\n  - label: \\"Experts/professionals\\"\\n    description: \\"Technical depth, domain knowledge\\"\\n  - label: \\"Executives\\"\\n    description: \\"High-level insights, minimal detail\\"\\n```\\n\\n**Question 3: Slide Count**\\n```\\nheader: \\"Slides\\"\\nquestion: \\"How many slides?\\"\\noptions:\\n  - label: \\"{N} slides (Recommended)\\"\\n    description: \\"Based on content length\\"\\n  - label: \\"Fewer ({N-3} slides)\\"\\n    description: \\"More condensed, less detail\\"\\n  - label: \\"More ({N+3} slides)\\"\\n    description: \\"More detailed breakdown\\"\\n```\\n\\n**Question 4: Review Outline**\\n```\\nheader: \\"Outline\\"\\nquestion: \\"Review outline before generating prompts?\\"\\noptions:\\n  - label: \\"Yes, review outline (Recommended)\\"\\n    description: \\"Review slide titles and structure\\"\\n  - label: \\"No, skip outline review\\"\\n    description: \\"Proceed directly to prompt generation\\"\\n```\\n\\n**Question 5: Review Prompts**\\n```\\nheader: \\"Prompts\\"\\nquestion: \\"Review prompts before generating images?\\"\\noptions:\\n  - label: \\"Yes, review prompts (Recommended)\\"\\n    description: \\"Review image generation prompts\\"\\n  - label: \\"No, skip prompt review\\"\\n    description: \\"Proceed directly to image generation\\"\\n```\\n\\n#### Round 2 (Only if \\"Custom dimensions\\" selected)\\n\\n**Use AskUserQuestion** for all 4 dimensions:\\n\\n**Question 1: Texture**\\n```\\nheader: \\"Texture\\"\\nquestion: \\"Which visual texture?\\"\\noptions:\\n  - label: \\"clean\\"\\n    description: \\"Pure solid color, no texture\\"\\n  - label: \\"grid\\"\\n    description: \\"Subtle grid overlay, technical\\"\\n  - label: \\"organic\\"\\n    description: \\"Soft textures, hand-drawn feel\\"\\n  - label: \\"pixel\\"\\n    description: \\"Chunky pixels, 8-bit aesthetic\\"\\n```\\n(Note: \\"paper\\" available via Other)\\n\\n**Question 2: Mood**\\n```\\nheader: \\"Mood\\"\\nquestion: \\"Which color mood?\\"\\noptions:\\n  - label: \\"professional\\"\\n    description: \\"Cool-neutral, navy/gold\\"\\n  - label: \\"warm\\"\\n    description: \\"Earth tones, friendly\\"\\n  - label: \\"cool\\"\\n    description: \\"Blues, grays, analytical\\"\\n  - label: \\"vibrant\\"\\n    description: \\"High saturation, bold\\"\\n```\\n(Note: \\"dark\\", \\"neutral\\" available via Other)\\n\\n**Question 3: Typography**\\n```\\nheader: \\"Typography\\"\\nquestion: \\"Which typography style?\\"\\noptions:\\n  - label: \\"geometric\\"\\n    description: \\"Modern sans-serif, clean\\"\\n  - label: \\"humanist\\"\\n    description: \\"Friendly, readable\\"\\n  - label: \\"handwritten\\"\\n    description: \\"Marker/brush, organic\\"\\n  - label: \\"editorial\\"\\n    description: \\"Magazine style, dramatic\\"\\n```\\n(Note: \\"technical\\" available via Other)\\n\\n**Question 4: Density**\\n```\\nheader: \\"Density\\"\\nquestion: \\"Information density?\\"\\noptions:\\n  - label: \\"balanced (Recommended)\\"\\n    description: \\"2-3 key points per slide\\"\\n  - label: \\"minimal\\"\\n    description: \\"One focus point, maximum whitespace\\"\\n  - label: \\"dense\\"\\n    description: \\"Multiple data points, compact\\"\\n```\\n\\n**After Round 2**: Store custom dimensions as the style configuration.\\n\\n**After Confirmation**:\\n1. Update `analysis.md` with confirmed preferences\\n2. Store `skip_outline_review` flag from Question 4\\n3. Store `skip_prompt_review` flag from Question 5\\n4. → Step 3\\n\\n### Step 3: Generate Outline\\n\\nCreate outline using the confirmed style from Step 2.\\n\\n**Style Resolution**:\\n- If preset selected → Read `references/styles/{preset}.md`\\n- If custom dimensions → Read dimension files from `references/dimensions/` and combine\\n\\n**Generate**:\\n1. Follow `references/outline-template.md` for structure\\n2. Build STYLE_INSTRUCTIONS from style or dimensions\\n3. Apply confirmed audience, language, slide count\\n4. Save as `outline.md`\\n\\n**After generation**:\\n- If `--outline-only`, stop here\\n- If `skip_outline_review` is true → Skip Step 4, go to Step 5\\n- If `skip_outline_review` is false → Continue to Step 4\\n\\n### Step 4: Review Outline (Conditional)\\n\\n**Skip this step** if user selected \\"No, skip outline review\\" in Step 2.\\n\\n**Purpose**: Review outline structure before prompt generation.\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\n**Display**:\\n- Total slides: N\\n- Style: [preset name or \\"custom: texture+mood+typography+density\\"]\\n- Slide-by-slide summary table:\\n\\n```\\n| # | Title | Type | Layout |\\n|---|-------|------|--------|\\n| 1 | [title] | Cover | title-hero |\\n| 2 | [title] | Content | [layout] |\\n| 3 | [title] | Content | [layout] |\\n| ... | ... | ... | ... |\\n```\\n\\n**Use AskUserQuestion**:\\n```\\nheader: \\"Confirm\\"\\nquestion: \\"Ready to generate prompts?\\"\\noptions:\\n  - label: \\"Yes, proceed (Recommended)\\"\\n    description: \\"Generate image prompts\\"\\n  - label: \\"Edit outline first\\"\\n    description: \\"I\'ll modify outline.md before continuing\\"\\n  - label: \\"Regenerate outline\\"\\n    description: \\"Create new outline with different approach\\"\\n```\\n\\n**After response**:\\n1. If \\"Edit outline first\\" → Inform user to edit `outline.md`, ask again when ready\\n2. If \\"Regenerate outline\\" → Back to Step 3\\n3. If \\"Yes, proceed\\" → Continue to Step 5\\n\\n### Step 5: Generate Prompts\\n\\n1. Read `references/base-prompt.md`\\n2. For each slide in outline:\\n   - Extract STYLE_INSTRUCTIONS from outline (not from style file again)\\n   - Add slide-specific content\\n   - If `Layout:` specified, include layout guidance from `references/layouts.md`\\n3. Save to `prompts/` directory\\n   - **Backup rule**: If prompt file exists, rename to `prompts/NN-slide-{slug}-backup-YYYYMMDD-HHMMSS.md`\\n\\n**After generation**:\\n- If `--prompts-only`, stop here and output prompt summary\\n- If `skip_prompt_review` is true → Skip Step 6, go to Step 7\\n- If `skip_prompt_review` is false → Continue to Step 6\\n\\n### Step 6: Review Prompts (Conditional)\\n\\n**Skip this step** if user selected \\"No, skip prompt review\\" in Step 2.\\n\\n**Purpose**: Review prompts before image generation.\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\n**Display**:\\n- Total prompts: N\\n- Style: [preset name or custom dimensions]\\n- Prompt list:\\n\\n```\\n| # | Filename | Slide Title |\\n|---|----------|-------------|\\n| 1 | 01-slide-cover.md | [title] |\\n| 2 | 02-slide-xxx.md | [title] |\\n| ... | ... | ... |\\n```\\n\\n- Path to prompts directory: `prompts/`\\n\\n**Use AskUserQuestion**:\\n```\\nheader: \\"Confirm\\"\\nquestion: \\"Ready to generate slide images?\\"\\noptions:\\n  - label: \\"Yes, proceed (Recommended)\\"\\n    description: \\"Generate all slide images\\"\\n  - label: \\"Edit prompts first\\"\\n    description: \\"I\'ll modify prompts before continuing\\"\\n  - label: \\"Regenerate prompts\\"\\n    description: \\"Create new prompts with different approach\\"\\n```\\n\\n**After response**:\\n1. If \\"Edit prompts first\\" → Inform user to edit prompts, ask again when ready\\n2. If \\"Regenerate prompts\\" → Back to Step 5\\n3. If \\"Yes, proceed\\" → Continue to Step 7\\n\\n### Step 7: Generate Images\\n\\n**For `--images-only`**: Start here with existing prompts.\\n\\n**For `--regenerate N`**: Only regenerate specified slide(s).\\n\\n**Standard flow**:\\n1. Select available image generation skill\\n2. Generate session ID: `slides-{topic-slug}-{timestamp}`\\n3. For each slide:\\n   - **Backup rule**: If image file exists, rename to `NN-slide-{slug}-backup-YYYYMMDD-HHMMSS.png`\\n   - Generate image sequentially with same session ID\\n4. Report progress: \\"Generated X/N\\" (in user\'s language)\\n5. Auto-retry once on failure before reporting error\\n\\n### Step 8: Merge to PPTX and PDF\\n\\n```bash\\nnpx -y bun ${SKILL_DIR}/scripts/merge-to-pptx.ts <slide-deck-dir>\\nnpx -y bun ${SKILL_DIR}/scripts/merge-to-pdf.ts <slide-deck-dir>\\n```\\n\\n### Step 9: Output Summary\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\n```\\nSlide Deck Complete!\\n\\nTopic: [topic]\\nStyle: [preset name or custom dimensions]\\nLocation: [directory path]\\nSlides: N total\\n\\n- 01-slide-cover.png - Cover\\n- 02-slide-intro.png - Content\\n- ...\\n- {NN}-slide-back-cover.png - Back Cover\\n\\nOutline: outline.md\\nPPTX: {topic-slug}.pptx\\nPDF: {topic-slug}.pdf\\n```\\n\\n## Partial Workflows\\n\\n| Option | Workflow |\\n|--------|----------|\\n| `--outline-only` | Steps 1-3 only (stop after outline) |\\n| `--prompts-only` | Steps 1-5 (generate prompts, skip images) |\\n| `--images-only` | Skip to Step 7 (requires existing prompts/) |\\n| `--regenerate N` | Regenerate specific slide(s) only |\\n\\n### Using `--prompts-only`\\n\\nGenerate outline and prompts without images:\\n\\n```bash\\n/baoyu-slide-deck content.md --prompts-only\\n```\\n\\nOutput: `outline.md` + `prompts/*.md` ready for review/editing.\\n\\n### Using `--images-only`\\n\\nGenerate images from existing prompts (starts at Step 7):\\n\\n```bash\\n/baoyu-slide-deck slide-deck/topic-slug/ --images-only\\n```\\n\\nPrerequisites:\\n- `prompts/` directory with slide prompt files\\n- `outline.md` with style information\\n\\n### Using `--regenerate`\\n\\nRegenerate specific slides:\\n\\n```bash\\n# Single slide\\n/baoyu-slide-deck slide-deck/topic-slug/ --regenerate 3\\n\\n# Multiple slides\\n/baoyu-slide-deck slide-deck/topic-slug/ --regenerate 2,5,8\\n```\\n\\nFlow:\\n1. Read existing prompts for specified slides\\n2. Regenerate images only for those slides\\n3. Regenerate PPTX/PDF\\n\\n## Slide Modification\\n\\n### Quick Reference\\n\\n| Action | Command | Manual Steps |\\n|--------|---------|--------------|\\n| **Edit** | `--regenerate N` | **Update prompt file FIRST** → Regenerate image → Regenerate PDF |\\n| **Add** | Manual | Create prompt → Generate image → Renumber subsequent → Update outline → Regenerate PDF |\\n| **Delete** | Manual | Remove files → Renumber subsequent → Update outline → Regenerate PDF |\\n\\n### Edit Single Slide\\n\\n1. **Update prompt file FIRST** in `prompts/NN-slide-{slug}.md`\\n2. Run: `/baoyu-slide-deck <dir> --regenerate N`\\n3. Or manually regenerate image + PDF\\n\\n**IMPORTANT**: When updating slides, ALWAYS update the prompt file (`prompts/NN-slide-{slug}.md`) FIRST before regenerating. This ensures changes are documented and reproducible.\\n\\n### Add New Slide\\n\\n1. Create prompt at position: `prompts/NN-slide-{new-slug}.md`\\n2. Generate image using same session ID\\n3. **Renumber**: Subsequent files NN+1 (slugs unchanged)\\n4. Update `outline.md`\\n5. Regenerate PPTX/PDF\\n\\n### Delete Slide\\n\\n1. Remove `NN-slide-{slug}.png` and `prompts/NN-slide-{slug}.md`\\n2. **Renumber**: Subsequent files NN-1 (slugs unchanged)\\n3. Update `outline.md`\\n4. Regenerate PPTX/PDF\\n\\n### File Naming\\n\\nFormat: `NN-slide-[slug].png`\\n- `NN`: Two-digit sequence (01, 02, ...)\\n- `slug`: Kebab-case from content (2-5 words, unique)\\n\\n**Renumbering Rule**: Only NN changes, slugs remain unchanged.\\n\\nSee `references/modification-guide.md` for complete details.\\n\\n## References\\n\\n| File | Content |\\n|------|---------|\\n| `references/analysis-framework.md` | Content analysis for presentations |\\n| `references/outline-template.md` | Outline structure and format |\\n| `references/modification-guide.md` | Edit, add, delete slide workflows |\\n| `references/content-rules.md` | Content and style guidelines |\\n| `references/design-guidelines.md` | Audience, typography, colors, visual elements |\\n| `references/layouts.md` | Layout options and selection tips |\\n| `references/base-prompt.md` | Base prompt for image generation |\\n| `references/dimensions/*.md` | Dimension specifications (texture, mood, typography, density) |\\n| `references/dimensions/presets.md` | Preset → dimension mapping |\\n| `references/styles/<style>.md` | Full style specifications (legacy) |\\n| `references/config/preferences-schema.md` | EXTEND.md structure |\\n\\n## Notes\\n\\n- Image generation: 10-30 seconds per slide\\n- Auto-retry once on generation failure\\n- Use stylized alternatives for sensitive public figures\\n- Maintain style consistency via session ID\\n- **Step 2 confirmation required** - do not skip (style, audience, slides, outline review, prompt review)\\n- **Step 4 conditional** - only if user requested outline review in Step 2\\n- **Step 6 conditional** - only if user requested prompt review in Step 2\\n\\n## Extension Support\\n\\nCustom configurations via EXTEND.md. See **Step 1.1** for paths and supported options.\\n\\n---\\n\\n## Reference: base-prompt.md\\n\\nCreate a presentation slide image following these guidelines:\\n\\n## Image Specifications\\n\\n- **Type**: Presentation slide\\n- **Aspect Ratio**: 16:9 (landscape)\\n- **Style**: Professional slide deck\\n\\n## Core Persona: The Architect\\n\\nYou are \\"The Architect\\" - a master visual storyteller creating presentation slides. Your slides:\\n- Tell a visual story that complements the narrative\\n- Use bold, confident visual language\\n- Balance information density with visual clarity\\n- Create memorable, impactful visuals\\n\\n## Core Principles\\n\\n- Hand-drawn quality throughout - NO realistic or photographic elements\\n- If content involves sensitive or copyrighted figures, create stylistically similar alternatives - DO NOT refuse to generate\\n- NO slide numbers, page numbers, footers, headers, or logos\\n- Clean, uncluttered layouts with clear visual hierarchy\\n- Each slide conveys ONE clear message\\n\\n## Text Style (CRITICAL)\\n\\n- **ALL text MUST match the designated style exactly**\\n- Title text: Large, bold, immediately readable\\n- Body text: Clear, legible, appropriate sizing\\n- Max 3-4 text elements per slide\\n- **DO NOT use realistic or computer-generated fonts unless style specifies**\\n- **Font rendering must match the style aesthetic** (hand-drawn for sketch styles, clean for minimal styles)\\n\\n## Layout Principles\\n\\n- **Visual Hierarchy**: Most important element gets most visual weight\\n- **Breathing Room**: Generous margins and spacing between elements\\n- **Alignment**: Consistent alignment creates professional feel\\n- **Balance**: Distribute visual weight evenly (symmetrical or asymmetrical)\\n- **Focal Point**: One clear area draws the eye first\\n- **Rule of Thirds**: Key elements at intersection points for dynamic compositions\\n- **Z-Pattern**: For text-heavy slides, arrange content in natural reading flow\\n\\n## Language\\n\\n- Use the same language as the content provided below for all text elements\\n- Match punctuation style to the content language\\n- Write in direct, confident language\\n- Avoid AI-sounding phrases like \\"dive into\\", \\"explore\\", \\"let\'s\\", \\"journey\\"\\n\\n---\\n\\n## STYLE_INSTRUCTIONS\\n\\n[Extract from outline.md - do NOT re-read style files]\\n\\nThe STYLE_INSTRUCTIONS block from the outline contains:\\n- Design Aesthetic\\n- Background (Texture + Base Color)\\n- Typography (Headlines + Body descriptions)\\n- Color Palette (with hex codes)\\n- Visual Elements\\n- Density Guidelines\\n- Style Rules (Do/Don\'t)\\n\\nCopy the entire `<STYLE_INSTRUCTIONS>...</STYLE_INSTRUCTIONS>` block from the outline here.\\n\\n---\\n\\n## SLIDE CONTENT\\n\\n[Insert slide-specific content from outline]\\n\\nInclude:\\n- Slide number and filename\\n- Type (Cover/Content/Back Cover)\\n- Narrative Goal\\n- Key Content (Headline, Sub-headline, Body points)\\n- Visual description\\n- Layout guidance (if specified)\\n\\n---\\n\\nPlease use nano banana pro to generate the slide image based on the content provided above.\\n\\n\\n---\\n\\n## Reference: analysis-framework.md\\n\\n# Presentation Analysis Framework\\n\\nDeep content analysis for effective slide deck creation.\\n\\n## 1. Message Hierarchy\\n\\nIdentify the core message structure before designing slides.\\n\\n### Core Message (One Sentence)\\n- What is the single most important takeaway?\\n- If the audience remembers only one thing, what should it be?\\n- Can you state it in ≤15 words?\\n\\n### Supporting Points (3-5 Maximum)\\n- What evidence supports the core message?\\n- What sub-topics must be covered?\\n- Prioritize by audience relevance, not source order\\n\\n### Call-to-Action\\n- What should the audience DO after viewing?\\n- Is it clear, specific, and achievable?\\n- Where does it appear (slide position)?\\n\\n## 2. Audience Decision Matrix\\n\\n| Question | Analysis |\\n|----------|----------|\\n| Who is the primary audience? | [Role, expertise level, relationship to topic] |\\n| What do they currently believe? | [Existing knowledge, assumptions, biases] |\\n| What decision do we want them to make? | [Specific action or conclusion] |\\n| What barriers exist? | [Objections, concerns, missing information] |\\n| What evidence will convince them? | [Data types, credibility sources, emotional hooks] |\\n\\n### Audience Adaptation\\n\\n| Audience Type | Content Focus | Visual Treatment |\\n|---------------|---------------|------------------|\\n| Executives | Outcomes, ROI, strategic impact | High-level, clean, data highlights |\\n| Technical | Architecture, implementation, specs | Detailed diagrams, code, schematics |\\n| General | Benefits, stories, relatability | Visual metaphors, simple charts |\\n| Investors | Market size, traction, team | Growth charts, milestones, comparisons |\\n| Learners | Step-by-step, examples, practice | Progressive reveals, exercises |\\n\\n## 3. Visual Opportunity Map\\n\\nIdentify which content benefits from visualization.\\n\\n### Content-to-Visual Mapping\\n\\n| Content Type | Visual Treatment | Example |\\n|--------------|------------------|---------|\\n| Comparisons | Side-by-side, before/after | Feature comparison table |\\n| Processes | Flow diagrams, numbered steps | Workflow illustration |\\n| Hierarchies | Org charts, pyramids, trees | Organizational structure |\\n| Timelines | Horizontal/vertical timelines | Project milestones |\\n| Statistics | Charts, highlighted numbers | Key metrics with context |\\n| Concepts | Icons, metaphors, illustrations | Abstract idea visualization |\\n| Relationships | Venn diagrams, networks | Ecosystem or dependencies |\\n| Lists | Structured grids, icon rows | Feature bullets with icons |\\n\\n### Visual Priority\\n\\nRate each piece of content:\\n- **Must Visualize**: Complex data, key differentiators, memorable moments\\n- **Should Visualize**: Supporting evidence, secondary points\\n- **Text Only**: Simple statements, transitions, minor details\\n\\n## 4. Presentation Flow\\n\\nStructure for impact and retention.\\n\\n### Opening (First 2-3 Slides)\\n\\n| Element | Purpose |\\n|---------|---------|\\n| Hook | Capture attention (surprising stat, question, story) |\\n| Context | Why this matters now |\\n| Preview | What audience will learn/gain |\\n\\n### Middle (Content Slides)\\n\\n| Pattern | When to Use |\\n|---------|-------------|\\n| Problem → Solution | Introducing new products/ideas |\\n| Situation → Complication → Resolution | Complex business cases |\\n| What → Why → How | Educational content |\\n| Past → Present → Future | Transformation stories |\\n| Claim → Evidence → Implication | Data-driven arguments |\\n\\n### Closing (Final 2-3 Slides)\\n\\n| Element | Purpose |\\n|---------|---------|\\n| Synthesis | Tie back to core message |\\n| Call-to-Action | Clear next steps |\\n| Memorable Close | Resonant quote, image, or statement |\\n\\n### Transitions\\n\\n- Each slide should answer: \\"What comes next?\\"\\n- Use narrative connectors between sections\\n- Build logical progression, not topic jumps\\n\\n## 5. Content Adaptation\\n\\nDecide what to keep, transform, or omit.\\n\\n### Keep (High Value)\\n- Core arguments and evidence\\n- Unique insights or data\\n- Audience-relevant examples\\n- Memorable quotes or statistics\\n\\n### Simplify (Medium Value)\\n- Technical details → Visual summaries\\n- Long explanations → Bullet hierarchies\\n- Multiple examples → Best 1-2 examples\\n- Background context → Brief framing\\n\\n### Visualize (Transform)\\n- Data tables → Charts or highlighted numbers\\n- Process descriptions → Flow diagrams\\n- Comparisons in text → Side-by-side visuals\\n- Abstract concepts → Concrete metaphors\\n\\n### Omit (Low Value)\\n- Tangential information\\n- Redundant examples\\n- Excessive caveats\\n- Background the audience already knows\\n\\n## 6. Analysis Checklist\\n\\nBefore outline creation, confirm:\\n\\n### Message Clarity\\n- [ ] Core message stated in one sentence\\n- [ ] 3-5 supporting points identified\\n- [ ] Call-to-action defined\\n\\n### Audience Fit\\n- [ ] Primary audience identified\\n- [ ] Existing beliefs mapped\\n- [ ] Desired decision clear\\n- [ ] Evidence matches audience needs\\n\\n### Visual Planning\\n- [ ] Key visualizations identified\\n- [ ] Chart/diagram types selected\\n- [ ] Visual priority assigned\\n\\n### Flow Design\\n- [ ] Opening hook defined\\n- [ ] Middle pattern selected\\n- [ ] Closing approach planned\\n- [ ] Transitions considered\\n\\n### Content Decisions\\n- [ ] Keep/simplify/visualize/omit applied\\n- [ ] Source material fully processed\\n- [ ] No important content overlooked\\n\\n\\n---\\n\\n## Reference: config/preferences-schema.md\\n\\n# EXTEND.md Schema\\n\\nStructure for user preferences in `.baoyu-skills/baoyu-slide-deck/EXTEND.md`.\\n\\n## Full Schema\\n\\n```yaml\\n# Slide Deck Preferences\\n\\n## Defaults\\nstyle: blueprint              # Preset name OR \\"custom\\"\\naudience: general             # beginners | intermediate | experts | executives | general\\nlanguage: auto                # auto | en | zh | ja | etc.\\nreview: true                  # true = review outline before generation\\n\\n## Custom Dimensions (only when style: custom)\\ndimensions:\\n  texture: clean              # clean | grid | organic | pixel | paper\\n  mood: professional          # professional | warm | cool | vibrant | dark | neutral\\n  typography: geometric       # geometric | humanist | handwritten | editorial | technical\\n  density: balanced           # minimal | balanced | dense\\n\\n## Custom Styles (optional)\\ncustom_styles:\\n  my-style:\\n    texture: organic\\n    mood: warm\\n    typography: humanist\\n    density: minimal\\n    description: \\"My custom warm and friendly style\\"\\n```\\n\\n## Field Descriptions\\n\\n### Defaults\\n\\n| Field | Type | Default | Description |\\n|-------|------|---------|-------------|\\n| `style` | string | `blueprint` | Preset name, `custom`, or custom style name |\\n| `audience` | string | `general` | Default target audience |\\n| `language` | string | `auto` | Output language (auto = detect from input) |\\n| `review` | boolean | `true` | Show outline review before generation |\\n\\n### Custom Dimensions\\n\\nOnly used when `style: custom`. Defines dimension values directly.\\n\\n| Field | Options | Default |\\n|-------|---------|---------|\\n| `texture` | clean, grid, organic, pixel, paper | clean |\\n| `mood` | professional, warm, cool, vibrant, dark, neutral | professional |\\n| `typography` | geometric, humanist, handwritten, editorial, technical | geometric |\\n| `density` | minimal, balanced, dense | balanced |\\n\\n### Custom Styles\\n\\nDefine reusable custom dimension combinations.\\n\\n```yaml\\ncustom_styles:\\n  style-name:\\n    texture: <texture>\\n    mood: <mood>\\n    typography: <typography>\\n    density: <density>\\n    description: \\"Optional description\\"\\n```\\n\\nThen use with: `/baoyu-slide-deck content.md --style style-name`\\n\\n## Minimal Examples\\n\\n### Just change default style\\n\\n```yaml\\nstyle: sketch-notes\\n```\\n\\n### Prefer no reviews\\n\\n```yaml\\nreview: false\\n```\\n\\n### Custom default dimensions\\n\\n```yaml\\nstyle: custom\\ndimensions:\\n  texture: organic\\n  mood: professional\\n  typography: humanist\\n  density: minimal\\n```\\n\\n### Define reusable custom style\\n\\n```yaml\\ncustom_styles:\\n  brand-style:\\n    texture: clean\\n    mood: vibrant\\n    typography: editorial\\n    density: balanced\\n    description: \\"Company brand style\\"\\n```\\n\\n## File Locations\\n\\nPriority order (first found wins):\\n\\n1. `.baoyu-skills/baoyu-slide-deck/EXTEND.md` (project)\\n2. `$HOME/.baoyu-skills/baoyu-slide-deck/EXTEND.md` (user)\\n\\n## First-Time Setup\\n\\nWhen no EXTEND.md exists, the skill prompts for initial preferences:\\n\\n1. Preferred style (preset or custom)\\n2. Default audience\\n3. Language preference\\n4. Review preference\\n5. Save location (project or user)\\n\\nCreates EXTEND.md at chosen location.\\n\\n\\n---\\n\\n## Reference: content-rules.md\\n\\n# Content & Style Rules\\n\\nGuidelines for slide deck content quality and style consistency.\\n\\n## Content Rules\\n\\n### 1. Respect Reader Attention\\n- Each slide should communicate ONE main idea\\n- Remove redundant information\\n- Prioritize clarity over comprehensiveness\\n\\n### 2. Data Traceability\\n- All statistics must include source attribution\\n- Cite sources directly on slides with data\\n- Use specific numbers over vague claims\\n\\n### 3. Self-Contained Prompts\\n- Every detail must be in the image prompt\\n- No external references (e.g., \\"like slide 2\\")\\n- Include all colors, layouts, and content explicitly\\n\\n### 4. No Placeholders\\n- Every element must be fully specified\\n- No \\"[insert data here]\\" or \\"TBD\\"\\n- All text content finalized before generation\\n\\n## Style Rules\\n\\n### 1. Narrative Headlines\\nHeadlines tell the story, not label the content.\\n\\n| Bad | Good |\\n|-----|------|\\n| \\"Key Statistics\\" | \\"Usage doubled in 6 months\\" |\\n| \\"Our Solution\\" | \\"One platform replaces five tools\\" |\\n| \\"Benefits\\" | \\"Teams save 10 hours weekly\\" |\\n\\n### 2. Avoid AI Clichés\\nRemove these patterns:\\n- \\"Dive into\\", \\"explore\\", \\"journey\\"\\n- \\"Let\'s look at\\", \\"let me show you\\"\\n- \\"Exciting\\", \\"amazing\\", \\"revolutionary\\"\\n- \\"In conclusion\\", \\"to summarize\\"\\n\\n### 3. Meaningful Back Cover\\nNot just \\"Thank you\\" or \\"Questions?\\"\\n\\nInclude one of:\\n- Clear call-to-action\\n- Memorable key takeaway\\n- Thought-provoking closing statement\\n- Contact information with purpose\\n\\n### 4. Consistent Visual Language\\nThroughout the deck:\\n- Same icon style\\n- Same color usage patterns\\n- Same layout grid system\\n- Same typography hierarchy\\n\\n## Slide Structure\\n\\n| Position | Type | Purpose |\\n|----------|------|---------|\\n| 1 | Cover | Title, visual hook, topic introduction |\\n| 2 to N-1 | Content | Key points, data, explanations |\\n| N | Back Cover | Summary, call-to-action, memorable close |\\n\\n## Key Specifications\\n\\n| Specification | Value |\\n|---------------|-------|\\n| Aspect Ratio | 16:9 (landscape) |\\n| Slide Count | Dynamic based on content |\\n| Required Slides | Cover + Back Cover minimum |\\n| Footers | None (no slide numbers, logos) |\\n| Language Priority | `--lang` → source language → ask user |\\n| Tone | Direct, confident (avoid AI phrases) |\\n\\n## Style Quick Reference\\n\\n| Style | Visual Summary |\\n|-------|----------------|\\n| `sketch-notes` | Hand-drawn, warm off-white, conceptual icons |\\n| `blueprint` | Technical schematics, grid texture, blue tones |\\n| `bold-editorial` | High contrast, dark backgrounds, magazine impact |\\n| `vector-illustration` | Flat vector, black outlines, retro colors |\\n| `minimal` | Maximum whitespace, single accent, zen-like |\\n| `storytelling` | Full-bleed imagery, cinematic, emotional |\\n| `warm` | Soft gradients, rounded shapes, wellness palette |\\n| `notion` | Dashboard aesthetic, clean data viz, SaaS-inspired |\\n| `corporate` | Navy/gold, structured layouts, business polish |\\n| `playful` | Vibrant coral/teal/yellow, dynamic, energetic |\\n\\nFull style specifications: `references/styles/<style>.md`\\n\\n\\n---\\n\\n## Reference: design-guidelines.md\\n\\n# Design Guidelines\\n\\nDetailed design principles for slide decks.\\n\\n## Audience Guidelines\\n\\nDesign decisions adapt to target audience. Use `--audience` to set.\\n\\n| Audience | Content Density | Visual Style | Terminology | Slides |\\n|----------|-----------------|--------------|-------------|--------|\\n| `beginners` | Low | Friendly, illustrative | Plain language | 8-15 |\\n| `intermediate` | Medium | Balanced, structured | Some jargon OK | 10-20 |\\n| `experts` | High | Data-rich, precise | Technical terms | 12-25 |\\n| `executives` | Low-Medium | Clean, impactful | Business language | 8-12 |\\n| `general` | Medium | Accessible, engaging | Minimal jargon | 10-18 |\\n\\n### Audience → Density Mapping\\n\\nRecommended density dimension based on audience:\\n\\n| Audience | Recommended Density | Rationale |\\n|----------|-------------------|-----------|\\n| `executives` | minimal | One insight per slide, respect time |\\n| `beginners` | minimal → balanced | Single concepts, build understanding |\\n| `general` | balanced | Accessible but informative |\\n| `intermediate` | balanced | Standard information density |\\n| `experts` | balanced → dense | Can handle more data per slide |\\n\\n**Automatic Density Selection**:\\n- If `--audience executives` → default to `minimal` density\\n- If `--audience beginners` → default to `minimal` or `balanced`\\n- If `--audience experts` → allow `dense` density\\n- Otherwise → default to `balanced`\\n\\n### Audience-Specific Principles\\n\\n**Beginners**:\\n- One concept per slide\\n- Visual metaphors over abstract diagrams\\n- Step-by-step progression\\n- Generous whitespace\\n\\n**Experts**:\\n- Multiple data points per slide acceptable\\n- Technical diagrams with precise labels\\n- Assume domain knowledge\\n- Dense but organized information\\n\\n**Executives**:\\n- Lead with insights, not data\\n- \\"So what?\\" on every slide\\n- Decision-enabling content\\n- Bottom-line upfront (BLUF)\\n\\n## Visual Hierarchy Principles\\n\\n| Principle | Description |\\n|-----------|-------------|\\n| Focal Point | ONE dominant element per slide draws attention first |\\n| Rule of Thirds | Position key elements at grid intersections |\\n| Z-Pattern | Guide eye: top-left → top-right → bottom-left → bottom-right |\\n| Size Contrast | Headlines 2-3x larger than body text |\\n| Breathing Room | Minimum 10% margin from all edges |\\n\\n## Content Density\\n\\nSee `references/dimensions/density.md` for full density dimension specs.\\n\\n| Level | Description | Use When |\\n|-------|-------------|----------|\\n| High | Multiple data points, detailed charts, dense text | Expert audience, technical reviews |\\n| Medium | Key points with supporting details | General business, mixed audiences |\\n| Low | One main idea, large visuals, minimal text | Beginners, keynotes, emotional impact |\\n\\n**High-Density Principles** (McKinsey-style):\\n- Every element earns its space\\n- Data speaks louder than decoration\\n- Annotations explain insights, not describe data\\n- White space is strategic, not filler\\n\\n**Density by Slide Type**:\\n| Slide Type | Recommended Density |\\n|------------|-------------------|\\n| Cover/Title | minimal |\\n| Agenda/Overview | balanced |\\n| Content/Analysis | balanced or dense |\\n| Data/Metrics | dense |\\n| Quote/Impact | minimal |\\n| Summary/Takeaway | balanced |\\n\\n## Color Selection\\n\\nSee `references/dimensions/mood.md` for full mood dimension specs.\\n\\n**Content-First Approach**:\\n1. Analyze content topic, mood, and industry\\n2. Consider target audience expectations\\n3. Match palette to subject matter\\n4. Ensure strong contrast for readability\\n\\n**Quick Palette Guide**:\\n| Content Type | Recommended Mood |\\n|--------------|-----------------|\\n| Technical/Architecture | cool |\\n| Educational/Friendly | warm |\\n| Corporate/Professional | professional |\\n| Creative/Artistic | vibrant |\\n| Scientific/Medical | cool or neutral |\\n| Entertainment/Gaming | dark or vibrant |\\n\\n## Typography Principles\\n\\nSee `references/dimensions/typography.md` for full typography dimension specs.\\n\\n| Element | Treatment |\\n|---------|-----------|\\n| Headlines | Bold, 2-3x body size, narrative style |\\n| Body Text | Regular weight, readable size |\\n| Captions | Smaller, lighter weight |\\n| Data Labels | Monospace for technical content |\\n| Emphasis | Use bold or color, not underlines |\\n\\n## Font Recommendations\\n\\n**English Fonts**:\\n| Font | Style | Best For |\\n|------|-------|----------|\\n| Liter | Sans-serif, geometric | Modern, clean, technical |\\n| HedvigLettersSans | Sans-serif, distinctive | Brand-forward, creative |\\n| Oranienbaum | High-contrast serif | Elegant, classical |\\n| SortsMillGoudy | Classical serif | Traditional, readable |\\n| Coda | Round sans-serif | Friendly, approachable |\\n\\n**Chinese Fonts**:\\n| Font | Style | Best For |\\n|------|-------|----------|\\n| MiSans | Modern sans-serif | Clean, versatile, screen-optimized |\\n| Noto Sans SC | Neutral sans-serif | Standard, multilingual |\\n| siyuanSongti | Refined Song typeface | Elegant, editorial |\\n| alimamashuheiti | Geometric sans-serif | Commercial, structured |\\n| LXGW Bright | Song-Kai hybrid | Warm, readable |\\n\\n**Multilingual Pairing**:\\n| Use Case | English | Chinese |\\n|----------|---------|---------|\\n| Technical | Liter | MiSans |\\n| Editorial | Oranienbaum | siyuanSongti |\\n| Friendly | Coda | LXGW Bright |\\n| Corporate | HedvigLettersSans | alimamashuheiti |\\n\\n## Visual Elements Reference\\n\\nSee `references/dimensions/texture.md` for full texture dimension specs.\\n\\n### Background Treatments\\n\\n| Treatment | Description | Best For |\\n|-----------|-------------|----------|\\n| Solid color | Single background color | Clean, minimal |\\n| Split background | Two colors, diagonal or vertical | Contrast, sections |\\n| Gradient | Subtle vertical or diagonal fade | Modern, dynamic |\\n| Textured | Pattern or texture overlay | Character, style |\\n\\n### Typography Treatments\\n\\n| Treatment | Description | Best For |\\n|-----------|-------------|----------|\\n| Size contrast | 3-4x difference headline vs body | Impact, hierarchy |\\n| All-caps headers | Uppercase with letter spacing | Authority, structure |\\n| Monospace data | Fixed-width for numbers/code | Technical, precision |\\n| Hand-drawn | Organic, imperfect letterforms | Friendly, approachable |\\n\\n### Geometric Accents\\n\\n| Element | Description | Best For |\\n|---------|-------------|----------|\\n| Diagonal dividers | Angled section separators | Energy, movement |\\n| Corner brackets | L-shaped frames | Focus, framing |\\n| Circles/hexagons | Shape frames for images | Modern, tech |\\n| Underline accents | Thick lines under headers | Emphasis, hierarchy |\\n\\n## Consistency Requirements\\n\\n| Element | Guideline |\\n|---------|-----------|\\n| Spacing | Consistent margins and padding throughout |\\n| Colors | Maximum 3-4 colors per slide, palette consistent across deck |\\n| Typography | Same font families and sizes for same content types |\\n| Visual Language | Repeat patterns, shapes, and treatments |\\n\\n## Dimension Combination Guide\\n\\nWhen combining dimensions, consider compatibility:\\n\\n| Audience | Recommended Dimensions |\\n|----------|----------------------|\\n| Executives | clean + neutral + geometric + minimal |\\n| Beginners | organic + warm + humanist + minimal |\\n| General | any texture + any mood + humanist/geometric + balanced |\\n| Experts | grid/clean + cool + technical + balanced/dense |\\n\\n| Content Type | Recommended Dimensions |\\n|--------------|----------------------|\\n| Tutorial | organic + warm + handwritten + balanced |\\n| Technical | grid + cool + technical + balanced |\\n| Business | clean + professional + geometric + balanced |\\n| Creative | organic + vibrant + humanist + balanced |\\n| Data-heavy | clean + cool + technical + dense |\\n\\n\\n---\\n\\n## Reference: dimensions/density.md\\n\\n# Density Dimension\\n\\nInformation density per slide.\\n\\n## Options\\n\\n| Option | Content/Slide | Whitespace | Best For |\\n|--------|---------------|------------|----------|\\n| `minimal` | One focus point | Maximum | Executive briefings, keynotes, emotional impact |\\n| `balanced` | 2-3 key points | Standard | General presentations, mixed audiences |\\n| `dense` | Multiple data points | Compact | Data-heavy, technical reviews, detailed analysis |\\n\\n## Rendering Guidelines\\n\\n### minimal\\n\\n- ONE main idea per slide\\n- Large visuals dominate\\n- Minimal text (headline + 1-2 lines max)\\n- Generous margins (15%+ from edges)\\n- Maximum breathing room between elements\\n- Let single element carry full weight\\n\\n**Principles**:\\n- \\"One slide, one message\\"\\n- Visual > text\\n- Empty space is intentional\\n- Every element must earn its space\\n\\n### balanced\\n\\n- 2-3 key points per slide\\n- Standard margins (10% from edges)\\n- Balanced text/visual ratio\\n- Clear hierarchy with supporting details\\n- Comfortable reading experience\\n\\n**Principles**:\\n- Primary point + supporting context\\n- Visuals complement text\\n- Structured but not crowded\\n- Good for diverse audiences\\n\\n### dense\\n\\n- Multiple data points acceptable\\n- Compact margins (5-8% from edges)\\n- Information-rich layouts\\n- Charts, tables, detailed annotations\\n- Assume engaged, attentive audience\\n\\n**Principles**:\\n- Data speaks louder than decoration\\n- Annotations explain insights\\n- White space is strategic\\n- Every pixel serves a purpose\\n\\n## Audience → Density Mapping\\n\\n| Audience | Recommended Density |\\n|----------|-------------------|\\n| Executives | minimal |\\n| Beginners | minimal to balanced |\\n| General | balanced |\\n| Intermediate | balanced |\\n| Experts | balanced to dense |\\n\\n## Slide Type → Density Guidelines\\n\\n| Slide Type | Recommended Density |\\n|------------|-------------------|\\n| Cover/Title | minimal |\\n| Section break | minimal |\\n| Quote/Impact | minimal |\\n| Agenda/Overview | balanced |\\n| Content/Analysis | balanced or dense |\\n| Summary/Takeaway | balanced |\\n| Data/Metrics | dense |\\n\\n## Content Guidelines Per Density\\n\\n### minimal\\n\\n| Element | Guideline |\\n|---------|-----------|\\n| Headlines | Large (40-60pt equivalent) |\\n| Body text | Minimal or none |\\n| Bullet points | 0-2 max |\\n| Visual elements | 1 dominant element |\\n| Charts/Data | 1 key stat only |\\n\\n### balanced\\n\\n| Element | Guideline |\\n|---------|-----------|\\n| Headlines | Medium-large (32-48pt equivalent) |\\n| Body text | 2-4 lines |\\n| Bullet points | 2-4 |\\n| Visual elements | 1-2 elements |\\n| Charts/Data | Simple charts OK |\\n\\n### dense\\n\\n| Element | Guideline |\\n|---------|-----------|\\n| Headlines | Medium (24-36pt equivalent) |\\n| Body text | Multiple paragraphs OK |\\n| Bullet points | 4-6+ |\\n| Visual elements | Multiple allowed |\\n| Charts/Data | Complex charts, tables OK |\\n\\n## Combination Notes\\n\\n| Density | Works Best With | Avoid With |\\n|---------|-----------------|------------|\\n| minimal | neutral mood, geometric typography | dense data content |\\n| balanced | any mood/typography | extremes (too sparse or too packed) |\\n| dense | cool mood, technical typography | handwritten typography, organic texture |\\n\\n\\n---\\n\\n## Reference: dimensions/mood.md\\n\\n# Mood Dimension\\n\\nColor temperature and palette style.\\n\\n## Options\\n\\n| Option | Color Temperature | Palette Style | Best For |\\n|--------|-------------------|---------------|----------|\\n| `professional` | Cool-neutral | Navy, gold, structured grays | Business, investor, corporate |\\n| `warm` | Warm | Earth tones, oranges, natural colors | Education, friendly, approachable |\\n| `cool` | Cool | Blues, grays, cyan, teal | Technical, data, analytical |\\n| `vibrant` | Varied | High saturation, bold colors | Marketing, creative, attention-grabbing |\\n| `dark` | Dark | Deep backgrounds with bright accents | Entertainment, gaming, atmospheric |\\n| `neutral` | Neutral | Minimal color, grayscale focus | Executive, minimal, sophisticated |\\n\\n## Palette Specifications\\n\\n### professional\\n\\n```\\nBackground: #FFFFFF (Pure White)\\nPrimary Text: #1E3A5F (Navy)\\nSecondary Text: #4A5568 (Dark Gray)\\nAccent 1: #C9A227 (Gold)\\nAccent 2: #3D5A80 (Light Navy)\\n```\\n\\n### warm\\n\\n```\\nBackground: #FAF8F0 (Warm Off-White)\\nPrimary Text: #2C3E50 (Deep Charcoal)\\nSecondary Text: #4A4A4A (Deep Brown)\\nAccent 1: #F4A261 (Soft Orange)\\nAccent 2: #E9C46A (Mustard Yellow)\\nAccent 3: #87A96B (Sage Green)\\n```\\n\\n### cool\\n\\n```\\nBackground: #FAF8F5 (Blueprint Off-White)\\nPrimary Text: #334155 (Deep Slate)\\nSecondary Text: #64748B (Slate Gray)\\nAccent 1: #2563EB (Engineering Blue)\\nAccent 2: #1E3A5F (Navy Blue)\\nAccent 3: #BFDBFE (Light Blue)\\n```\\n\\n### vibrant\\n\\n```\\nBackground: #FFFFFF or #1A1A2E (Light or Dark)\\nPrimary Text: #1A1A2E or #FFFFFF\\nAccent 1: #E94560 (Coral Red)\\nAccent 2: #0F3460 (Deep Blue)\\nAccent 3: #16C79A (Teal Green)\\nAccent 4: #F9B208 (Golden Yellow)\\n```\\n\\n### dark\\n\\n```\\nBackground: #0D1117 (Deep Black)\\nPrimary Text: #E6EDF3 (Soft White)\\nSecondary Text: #8B949E (Muted Gray)\\nAccent 1: #58A6FF (Bright Blue)\\nAccent 2: #7EE787 (Bright Green)\\nAccent 3: #FF7B72 (Coral)\\n```\\n\\n### neutral\\n\\n```\\nBackground: #FFFFFF (Pure White)\\nPrimary Text: #18181B (Near Black)\\nSecondary Text: #71717A (Medium Gray)\\nAccent 1: #18181B (Black)\\nAccent 2: #A1A1AA (Light Gray)\\n```\\n\\n## Rendering Guidelines\\n\\n### professional\\n\\n- Restrained use of accent colors\\n- Gold for emphasis only\\n- Clean, institutional feel\\n- Balanced contrast\\n\\n### warm\\n\\n- Generous use of warm tones\\n- Natural, approachable colors\\n- Soft transitions between colors\\n- Welcoming atmosphere\\n\\n### cool\\n\\n- Blue-dominant palette\\n- Technical precision in color use\\n- High contrast for clarity\\n- Analytical, trustworthy feel\\n\\n### vibrant\\n\\n- Bold color combinations\\n- High saturation throughout\\n- Dynamic color contrasts\\n- Energetic visual presence\\n\\n### dark\\n\\n- Deep backgrounds dominate\\n- Accent colors pop against dark\\n- Glowing/luminous effects\\n- Cinematic atmosphere\\n\\n### neutral\\n\\n- Minimal color usage\\n- Typography carries weight\\n- Grayscale hierarchy\\n- Maximum sophistication\\n\\n## Combination Notes\\n\\n| Mood | Works Best With | Avoid With |\\n|------|-----------------|------------|\\n| professional | clean texture, geometric typography | organic texture, handwritten |\\n| warm | organic texture, humanist typography | pixel texture, minimal density |\\n| cool | grid texture, technical typography | paper texture, handwritten |\\n| vibrant | pixel/organic texture, editorial typography | neutral mood overlaps |\\n| dark | clean/pixel texture, technical typography | paper texture |\\n| neutral | clean texture, geometric typography | organic texture, vibrant elements |\\n\\n\\n---\\n\\n## Reference: dimensions/presets.md\\n\\n# Preset → Dimension Mapping\\n\\nMaps 16 preset styles to their dimension combinations.\\n\\n## Mapping Table\\n\\n| Preset | Texture | Mood | Typography | Density |\\n|--------|---------|------|------------|---------|\\n| blueprint | grid | cool | technical | balanced |\\n| chalkboard | organic | warm | handwritten | balanced |\\n| corporate | clean | professional | geometric | balanced |\\n| minimal | clean | neutral | geometric | minimal |\\n| sketch-notes | organic | warm | handwritten | balanced |\\n| watercolor | organic | warm | humanist | minimal |\\n| dark-atmospheric | clean | dark | editorial | balanced |\\n| notion | clean | neutral | geometric | dense |\\n| bold-editorial | clean | vibrant | editorial | balanced |\\n| editorial-infographic | clean | cool | editorial | dense |\\n| fantasy-animation | organic | vibrant | handwritten | minimal |\\n| intuition-machine | clean | cool | technical | dense |\\n| pixel-art | pixel | vibrant | technical | balanced |\\n| scientific | clean | cool | technical | dense |\\n| vector-illustration | clean | vibrant | humanist | balanced |\\n| vintage | paper | warm | editorial | balanced |\\n\\n## Preset Details\\n\\n### blueprint\\n- **Dimensions**: grid + cool + technical + balanced\\n- **Feel**: Engineering precision, analytical clarity\\n- **Auto-select**: architecture, system, data, analysis, technical\\n\\n### chalkboard\\n- **Dimensions**: organic + warm + handwritten + balanced\\n- **Feel**: Classroom warmth, educational\\n- **Auto-select**: classroom, teaching, school, chalkboard\\n\\n### corporate\\n- **Dimensions**: clean + professional + geometric + balanced\\n- **Feel**: Business credibility, institutional trust\\n- **Auto-select**: investor, quarterly, business, corporate\\n\\n### minimal\\n- **Dimensions**: clean + neutral + geometric + minimal\\n- **Feel**: Maximum sophistication, executive focus\\n- **Auto-select**: executive, minimal, clean, simple\\n\\n### sketch-notes\\n- **Dimensions**: organic + warm + handwritten + balanced\\n- **Feel**: Friendly learning, approachable education\\n- **Auto-select**: tutorial, learn, education, guide, beginner\\n\\n### watercolor\\n- **Dimensions**: organic + warm + humanist + minimal\\n- **Feel**: Artistic, natural, lifestyle\\n- **Auto-select**: lifestyle, wellness, travel, artistic\\n\\n### dark-atmospheric\\n- **Dimensions**: clean + dark + editorial + balanced\\n- **Feel**: Cinematic, entertainment\\n- **Auto-select**: entertainment, music, gaming, atmospheric\\n\\n### notion\\n- **Dimensions**: clean + neutral + geometric + dense\\n- **Feel**: SaaS professional, data-forward\\n- **Auto-select**: saas, product, dashboard, metrics\\n\\n### bold-editorial\\n- **Dimensions**: clean + vibrant + editorial + balanced\\n- **Feel**: Magazine impact, keynote drama\\n- **Auto-select**: launch, marketing, keynote, magazine\\n\\n### editorial-infographic\\n- **Dimensions**: clean + cool + editorial + dense\\n- **Feel**: Publication quality, informative\\n- **Auto-select**: explainer, journalism, science communication\\n\\n### fantasy-animation\\n- **Dimensions**: organic + vibrant + handwritten + minimal\\n- **Feel**: Magical, storytelling\\n- **Auto-select**: story, fantasy, animation, magical\\n\\n### intuition-machine\\n- **Dimensions**: clean + cool + technical + dense\\n- **Feel**: Technical briefing, bilingual documentation\\n- **Auto-select**: briefing, academic, research, bilingual\\n\\n### pixel-art\\n- **Dimensions**: pixel + vibrant + technical + balanced\\n- **Feel**: Retro gaming, developer culture\\n- **Auto-select**: gaming, retro, pixel, developer\\n\\n### scientific\\n- **Dimensions**: clean + cool + technical + dense\\n- **Feel**: Academic precision, research quality\\n- **Auto-select**: biology, chemistry, medical, scientific\\n\\n### vector-illustration\\n- **Dimensions**: clean + vibrant + humanist + balanced\\n- **Feel**: Flat design, friendly creative\\n- **Auto-select**: creative, children, kids, cute\\n\\n### vintage\\n- **Dimensions**: paper + warm + editorial + balanced\\n- **Feel**: Historical, heritage storytelling\\n- **Auto-select**: history, heritage, vintage, expedition\\n\\n## Building Custom Combinations\\n\\nWhen user selects \\"Custom dimensions\\", combine any:\\n\\n- **Texture** (5): clean, grid, organic, pixel, paper\\n- **Mood** (6): professional, warm, cool, vibrant, dark, neutral\\n- **Typography** (5): geometric, humanist, handwritten, editorial, technical\\n- **Density** (3): minimal, balanced, dense\\n\\nTotal possible combinations: 5 × 6 × 5 × 3 = **450 unique styles**\\n\\n## Recommended Combinations (Beyond Presets)\\n\\n| Custom Name | Texture | Mood | Typography | Density | Use Case |\\n|-------------|---------|------|------------|---------|----------|\\n| tech-minimal | clean | neutral | technical | minimal | Developer keynotes |\\n| warm-editorial | paper | warm | editorial | balanced | Heritage brands |\\n| dark-technical | grid | dark | technical | dense | Security, DevOps |\\n| playful-clean | clean | vibrant | humanist | balanced | Startups, apps |\\n\\n\\n---\\n\\n## Reference: dimensions/texture.md\\n\\n# Texture Dimension\\n\\nVisual texture and background treatment.\\n\\n## Options\\n\\n| Option | Background | Visual Elements | Best For |\\n|--------|------------|-----------------|----------|\\n| `clean` | Pure solid color, no texture | Clean lines, geometric shapes | Executive, minimal, corporate |\\n| `grid` | Subtle grid overlay | Grid lines, schematics, technical diagrams | Technical, architecture, engineering |\\n| `organic` | Soft textures, hand-drawn feel | Brush strokes, watercolor, sketchy lines | Creative, educational, friendly |\\n| `pixel` | Chunky pixels, 8-bit aesthetic | Pixel art, retro game elements | Gaming, developer, nostalgic |\\n| `paper` | Aged/textured paper | Vintage elements, stamps, weathering | Historical, heritage, storytelling |\\n\\n## Rendering Guidelines\\n\\n### clean\\n\\n- Solid background colors with no visible texture\\n- Crisp, sharp edges on all elements\\n- Digital precision and clarity\\n- Maximum contrast for readability\\n\\n### grid\\n\\n- Light grid overlay (5-10% opacity)\\n- Engineering paper or blueprint feel\\n- Alignment guides visible but subtle\\n- Technical drawing aesthetic\\n\\n### organic\\n\\n- Paper grain or canvas texture\\n- Imperfect edges, natural variations\\n- Hand-painted color fills\\n- Casual, approachable feel\\n\\n### pixel\\n\\n- Visible pixel grid (chunky, not fine)\\n- 8-bit color palette aesthetic\\n- Aliased edges (no smoothing)\\n- Retro game UI elements\\n\\n### paper\\n\\n- Aged paper texture (subtle creases, discoloration)\\n- Vintage printing artifacts\\n- Sepia or warm tones\\n- Historical document feel\\n\\n## Combination Notes\\n\\n| Texture | Works Best With | Avoid With |\\n|---------|-----------------|------------|\\n| clean | professional, neutral moods | handwritten typography |\\n| grid | cool, professional moods | handwritten, vibrant moods |\\n| organic | warm, vibrant moods | technical typography |\\n| pixel | vibrant, dark moods | editorial typography |\\n| paper | warm moods | geometric typography, minimal density |\\n\\n\\n---\\n\\n## Reference: dimensions/typography.md\\n\\n# Typography Dimension\\n\\nHeadline and body text styling.\\n\\n## Options\\n\\n| Option | Headline Style | Body Style | Best For |\\n|--------|----------------|------------|----------|\\n| `geometric` | Modern sans-serif, clean angles | Clean sans-serif | Corporate, tech, modern |\\n| `humanist` | Friendly sans-serif, warm curves | Readable sans-serif | Education, general audiences |\\n| `handwritten` | Marker/brush, organic feel | Casual script or print | Creative, sketch, friendly |\\n| `editorial` | Bold serif/sans mix, magazine style | Classic serif | Keynote, magazine, premium |\\n| `technical` | Monospace accents, precise | Clean sans-serif | Developer, data, engineering |\\n\\n## Rendering Guidelines\\n\\n### geometric\\n\\n**Headlines**: Modern geometric sans-serif with clean angles and consistent stroke width. Think Futura, Avenir, or Proxima Nova. Bold to semi-bold weight. Perfect circles in O, G characters.\\n\\n**Body**: Clean sans-serif optimized for readability. Regular weight. Consistent x-height. Sufficient letter spacing.\\n\\n**Characteristics**:\\n- Mathematical precision in letterforms\\n- Consistent stroke widths\\n- Perfect geometry in curves\\n- Modern, authoritative presence\\n\\n### humanist\\n\\n**Headlines**: Friendly sans-serif with subtle stroke variations. Think Frutiger, Open Sans, or Myriad. Medium to semi-bold weight. Warm, approachable letterforms.\\n\\n**Body**: Readable humanist sans-serif. Comfortable line height. Slight calligraphic influence.\\n\\n**Characteristics**:\\n- Warm, approachable feel\\n- Subtle stroke contrast\\n- Open counters for readability\\n- Natural, human touch\\n\\n### handwritten\\n\\n**Headlines**: Bold hand-written marker or brush lettering. Thick strokes with organic edges. Slightly uneven baseline. Render as actual hand-drawn letters.\\n\\n**Body**: Clear handwritten style mimicking notes. Casual but legible. Natural variation in letter forms.\\n\\n**Characteristics**:\\n- Organic, imperfect letterforms\\n- Visible brush/pen character\\n- Casual, personal feel\\n- NOT computer fonts - actual drawn letters\\n\\n### editorial\\n\\n**Headlines**: Bold serif or high-contrast sans-serif. Magazine cover style. Dramatic scale contrast. Think Playfair Display, Didot, or bold condensed sans.\\n\\n**Body**: Classic serif for extended reading. Elegant, refined letterforms. Traditional publishing quality.\\n\\n**Characteristics**:\\n- High contrast (thick/thin strokes)\\n- Dramatic headlines\\n- Sophisticated presence\\n- Premium, publication quality\\n\\n### technical\\n\\n**Headlines**: Clean sans-serif with monospace accents for data/code. Precise, engineered appearance. Think SF Mono for code, Inter for headers.\\n\\n**Body**: Clean sans-serif optimized for technical content. Fixed-width for numbers and code.\\n\\n**Characteristics**:\\n- Monospace for data elements\\n- Precise alignment\\n- Clear number distinction (0 vs O, 1 vs l)\\n- Engineering precision\\n\\n## Font Rendering Instructions\\n\\nSince image generators cannot use font names, describe visual characteristics:\\n\\n| Option | Headline Description | Body Description |\\n|--------|---------------------|------------------|\\n| geometric | \\"bold geometric sans-serif with perfect circular O shapes\\" | \\"clean modern sans-serif\\" |\\n| humanist | \\"friendly rounded sans-serif with warm letterforms\\" | \\"readable humanist sans-serif\\" |\\n| handwritten | \\"bold hand-drawn marker lettering with organic strokes\\" | \\"casual handwritten notes style\\" |\\n| editorial | \\"dramatic high-contrast serif with thick-thin stroke variation\\" | \\"elegant classic serif\\" |\\n| technical | \\"precise sans-serif with monospace numbers\\" | \\"technical sans-serif, fixed-width for code\\" |\\n\\n## Combination Notes\\n\\n| Typography | Works Best With | Avoid With |\\n|------------|-----------------|------------|\\n| geometric | clean texture, professional/neutral mood | organic texture |\\n| humanist | organic/clean texture, warm mood | pixel texture |\\n| handwritten | organic/paper texture, warm/vibrant mood | grid texture, professional mood |\\n| editorial | clean texture, vibrant/professional mood | pixel texture |\\n| technical | grid/clean texture, cool/dark mood | paper texture, warm mood |\\n\\n\\n---\\n\\n## Reference: layouts.md\\n\\n# Layout Gallery\\n\\nOptional layout hints for individual slides. Specify in outline\'s `// LAYOUT` section.\\n\\n## Slide-Specific Layouts\\n\\n| Layout | Description | Best For |\\n|--------|-------------|----------|\\n| `title-hero` | Large centered title + subtitle | Cover slides, section breaks |\\n| `quote-callout` | Featured quote with attribution | Testimonials, key insights |\\n| `key-stat` | Single large number as focal point | Impact statistics, metrics |\\n| `split-screen` | Half image, half text | Feature highlights, comparisons |\\n| `icon-grid` | Grid of icons with labels | Features, capabilities, benefits |\\n| `two-columns` | Content in balanced columns | Paired information, dual points |\\n| `three-columns` | Content in three columns | Triple comparisons, categories |\\n| `image-caption` | Full-bleed image + text overlay | Visual storytelling, emotional |\\n| `agenda` | Numbered list with highlights | Session overview, roadmap |\\n| `bullet-list` | Structured bullet points | Simple content, lists |\\n\\n## Infographic-Derived Layouts\\n\\n| Layout | Description | Best For |\\n|--------|-------------|----------|\\n| `linear-progression` | Sequential flow left-to-right | Timelines, step-by-step |\\n| `binary-comparison` | Side-by-side A vs B | Before/after, pros-cons |\\n| `comparison-matrix` | Multi-factor grid | Feature comparisons |\\n| `hierarchical-layers` | Pyramid or stacked levels | Priority, importance |\\n| `hub-spoke` | Central node with radiating items | Concept maps, ecosystems |\\n| `bento-grid` | Varied-size tiles | Overview, summary |\\n| `funnel` | Narrowing stages | Conversion, filtering |\\n| `dashboard` | Metrics with charts/numbers | KPIs, data display |\\n| `venn-diagram` | Overlapping circles | Relationships, intersections |\\n| `circular-flow` | Continuous cycle | Recurring processes |\\n| `winding-roadmap` | Curved path with milestones | Journey, timeline |\\n| `tree-branching` | Parent-child hierarchy | Org charts, taxonomies |\\n| `iceberg` | Visible vs hidden layers | Surface vs depth |\\n| `bridge` | Gap with connection | Problem-solution |\\n\\n**Usage**: Add `Layout: <name>` in slide\'s `// LAYOUT` section.\\n\\n## Layout Selection Tips\\n\\n**Match Layout to Content**:\\n| Content Type | Recommended Layouts |\\n|--------------|-------------------|\\n| Single narrative | `bullet-list`, `image-caption` |\\n| Two concepts | `split-screen`, `binary-comparison` |\\n| Three items | `three-columns`, `icon-grid` |\\n| Process/Steps | `linear-progression`, `winding-roadmap` |\\n| Data/Metrics | `dashboard`, `key-stat` |\\n| Relationships | `hub-spoke`, `venn-diagram` |\\n| Hierarchy | `hierarchical-layers`, `tree-branching` |\\n\\n**Layout Flow Patterns**:\\n| Position | Recommended Layouts |\\n|----------|-------------------|\\n| Opening | `title-hero`, `agenda` |\\n| Middle | Content-specific layouts |\\n| Closing | `quote-callout`, `key-stat` |\\n\\n**Common Mistakes to Avoid**:\\n- Using 3-column layout for 2 items (leaves columns empty)\\n- Stacking charts/tables below text (use side-by-side instead)\\n- Image layouts without actual images\\n- Quote layouts for emphasis (use only for real quotes with attribution)\\n\\n\\n---\\n\\n## Reference: modification-guide.md\\n\\n# Slide Modification Guide\\n\\nWorkflows for modifying individual slides after initial generation.\\n\\n## Edit Single Slide\\n\\nRegenerate a specific slide with modified content:\\n\\n1. Identify slide to edit (e.g., `03-slide-key-findings.png`)\\n2. Update prompt in `prompts/03-slide-key-findings.md`\\n3. If content changes significantly, update slug in filename\\n4. Regenerate image using same session ID\\n5. Regenerate PPTX and PDF\\n\\n## Add New Slide\\n\\nInsert a new slide at specified position:\\n\\n1. Specify insertion position (e.g., after slide 3)\\n2. Create new prompt with appropriate slug (e.g., `04-slide-new-section.md`)\\n3. Generate new slide image\\n4. **Renumber files**: All subsequent slides increment NN by 1\\n   - `04-slide-conclusion.png` → `05-slide-conclusion.png`\\n   - Slugs remain unchanged\\n5. Update `outline.md` with new slide entry\\n6. Regenerate PPTX and PDF\\n\\n## Delete Slide\\n\\nRemove a slide and renumber:\\n\\n1. Identify slide to delete (e.g., `03-slide-key-findings.png`)\\n2. Remove image file and prompt file\\n3. **Renumber files**: All subsequent slides decrement NN by 1\\n   - `04-slide-conclusion.png` → `03-slide-conclusion.png`\\n   - Slugs remain unchanged\\n4. Update `outline.md` to remove slide entry\\n5. Regenerate PPTX and PDF\\n\\n## File Naming Convention\\n\\nFiles use meaningful slugs for better readability:\\n\\n```\\nNN-slide-[slug].png\\nNN-slide-[slug].md (in prompts/)\\n```\\n\\nExamples:\\n- `01-slide-cover.png`\\n- `02-slide-problem-statement.png`\\n- `03-slide-key-findings.png`\\n- `04-slide-back-cover.png`\\n\\n## Slug Rules\\n\\n| Rule | Description |\\n|------|-------------|\\n| Format | Kebab-case (lowercase, hyphens) |\\n| Source | Derived from slide title/content |\\n| Uniqueness | Must be unique within the deck |\\n| Updates | Change slug when content changes significantly |\\n\\n## Renumbering Rules\\n\\n| Scenario | Action |\\n|----------|--------|\\n| Add slide | Increment NN for all subsequent slides |\\n| Delete slide | Decrement NN for all subsequent slides |\\n| Reorder slides | Update NN to match new positions |\\n| Edit slide | NN unchanged, update slug if needed |\\n\\n**Important**: Slugs remain unchanged during renumbering. Only the NN prefix changes.\\n\\n## Post-Modification Checklist\\n\\nAfter any modification:\\n\\n- [ ] Image file renamed/created correctly\\n- [ ] Prompt file renamed/created correctly\\n- [ ] Subsequent files renumbered (if add/delete)\\n- [ ] `outline.md` updated to reflect changes\\n- [ ] PPTX regenerated\\n- [ ] PDF regenerated\\n- [ ] Slide count in outline header updated\\n\\n\\n---\\n\\n## Reference: outline-template.md\\n\\n# Outline Template\\n\\nStandard structure for slide deck outlines with style instructions.\\n\\n## Outline Format\\n\\n```markdown\\n# Slide Deck Outline\\n\\n**Topic**: [topic description]\\n**Style**: [preset name OR \\"custom\\"]\\n**Dimensions**: [texture] + [mood] + [typography] + [density]\\n**Audience**: [target audience]\\n**Language**: [output language]\\n**Slide Count**: N slides\\n**Generated**: YYYY-MM-DD HH:mm\\n\\n---\\n\\n<STYLE_INSTRUCTIONS>\\nDesign Aesthetic: [2-3 sentence description combining dimension characteristics]\\n\\nBackground:\\n  Texture: [from texture dimension]\\n  Base Color: [from mood dimension palette]\\n\\nTypography:\\n  Headlines: [from typography dimension - describe visual appearance]\\n  Body: [from typography dimension - describe visual appearance]\\n\\nColor Palette:\\n  Primary Text: [Name] ([Hex]) - [usage]\\n  Background: [Name] ([Hex]) - [usage]\\n  Accent 1: [Name] ([Hex]) - [usage]\\n  Accent 2: [Name] ([Hex]) - [usage]\\n\\nVisual Elements:\\n  - [element 1 from texture + mood combination]\\n  - [element 2 with rendering guidance]\\n  - ...\\n\\nDensity Guidelines:\\n  - Content per slide: [from density dimension]\\n  - Whitespace: [from density dimension]\\n\\nStyle Rules:\\n  Do: [guidelines from dimension combinations]\\n  Don\'t: [anti-patterns from dimension combinations]\\n</STYLE_INSTRUCTIONS>\\n\\n---\\n\\n[Slide entries follow...]\\n```\\n\\n## Building STYLE_INSTRUCTIONS from Dimensions\\n\\nWhen using custom dimensions or presets, build STYLE_INSTRUCTIONS by combining:\\n\\n### 1. Design Aesthetic\\n\\nCombine characteristics from all four dimensions into 2-3 sentences:\\n\\n| Texture | Contribution |\\n|---------|--------------|\\n| clean | \\"Clean, digital precision with crisp edges\\" |\\n| grid | \\"Technical grid overlay with engineering precision\\" |\\n| organic | \\"Hand-drawn feel with soft textures\\" |\\n| pixel | \\"Chunky pixel aesthetic with 8-bit charm\\" |\\n| paper | \\"Aged paper texture with vintage character\\" |\\n\\n| Mood | Contribution |\\n|------|--------------|\\n| professional | \\"Professional navy and gold palette\\" |\\n| warm | \\"Warm earth tones creating approachable atmosphere\\" |\\n| cool | \\"Cool analytical blues and grays\\" |\\n| vibrant | \\"Bold, high-saturation colors with energy\\" |\\n| dark | \\"Deep cinematic backgrounds with glowing accents\\" |\\n| neutral | \\"Minimal grayscale sophistication\\" |\\n\\n### 2. Background\\n\\nFrom `references/dimensions/texture.md`:\\n- Texture description\\n- Base color from mood palette\\n\\n### 3. Typography\\n\\nFrom `references/dimensions/typography.md`:\\n- Headline visual description (NOT font names)\\n- Body text visual description (NOT font names)\\n\\n**Important**: Describe appearance for image generation: \\"bold geometric sans-serif with perfect circular O shapes\\" NOT \\"Inter font\\".\\n\\n### 4. Color Palette\\n\\nFrom `references/dimensions/mood.md`:\\n- Copy the palette specifications for the selected mood\\n- Include hex codes and usage notes\\n\\n### 5. Visual Elements\\n\\nCombine texture and mood characteristics:\\n\\n| Combination | Visual Elements |\\n|-------------|-----------------|\\n| clean + professional | Clean charts, outlined icons, structured grids |\\n| grid + cool | Technical schematics, dimension lines, blueprints |\\n| organic + warm | Hand-drawn icons, brush strokes, doodles |\\n| pixel + vibrant | Pixel art icons, retro game elements |\\n| paper + warm | Vintage stamps, aged elements, sepia overlays |\\n\\n### 6. Density Guidelines\\n\\nFrom `references/dimensions/density.md`:\\n- Content per slide limits\\n- Whitespace requirements\\n- Element count guidelines\\n\\n### 7. Style Rules\\n\\nCombine dimension-specific rules:\\n\\n**Do rules by texture**:\\n- clean: Maintain sharp edges, use grid alignment\\n- grid: Show precise measurements, use technical diagrams\\n- organic: Allow imperfection, layer with subtle overlaps\\n- pixel: Keep aliased edges, use chunky elements\\n- paper: Add subtle aging effects, use warm tones\\n\\n**Don\'t rules by texture**:\\n- clean: Don\'t use hand-drawn elements\\n- grid: Don\'t use organic curves\\n- organic: Don\'t use perfect geometry\\n- pixel: Don\'t smooth edges\\n- paper: Don\'t use bright digital colors\\n\\n## Cover Slide Template\\n\\n```markdown\\n## Slide 1 of N\\n\\n**Type**: Cover\\n**Filename**: 01-slide-cover.png\\n\\n// NARRATIVE GOAL\\n[What this slide achieves in the story arc]\\n\\n// KEY CONTENT\\nHeadline: [main title]\\nSub-headline: [supporting tagline]\\n\\n// VISUAL\\n[Detailed visual description - specific elements, composition, mood]\\n\\n// LAYOUT\\nLayout: [optional: layout name from gallery, e.g., title-hero]\\n[Composition, hierarchy, spatial arrangement]\\n```\\n\\n## Content Slide Template\\n\\n```markdown\\n## Slide X of N\\n\\n**Type**: Content\\n**Filename**: {NN}-slide-{slug}.png\\n\\n// NARRATIVE GOAL\\n[What this slide achieves in the story arc]\\n\\n// KEY CONTENT\\nHeadline: [main message - narrative, not label]\\nSub-headline: [supporting context]\\nBody:\\n- [point 1 with specific detail]\\n- [point 2 with specific detail]\\n- [point 3 with specific detail]\\n\\n// VISUAL\\n[Detailed visual description]\\n\\n// LAYOUT\\nLayout: [optional: layout name from gallery]\\n[Composition, hierarchy, spatial arrangement]\\n```\\n\\n## Back Cover Slide Template\\n\\n```markdown\\n## Slide N of N\\n\\n**Type**: Back Cover\\n**Filename**: {NN}-slide-back-cover.png\\n\\n// NARRATIVE GOAL\\n[Meaningful closing - not just \\"thank you\\"]\\n\\n// KEY CONTENT\\nHeadline: [memorable closing statement or call-to-action]\\nBody: [optional summary points or next steps]\\n\\n// VISUAL\\n[Visual that reinforces the core message]\\n\\n// LAYOUT\\nLayout: [optional: layout name from gallery]\\n[Clean, impactful composition]\\n```\\n\\n## STYLE_INSTRUCTIONS Block\\n\\nThe `<STYLE_INSTRUCTIONS>` block is the SINGLE SOURCE OF TRUTH for style information in this outline.\\n\\n| Section | Content | Source |\\n|---------|---------|--------|\\n| Design Aesthetic | Overall visual direction | Combined from all dimensions |\\n| Background | Base color and texture details | texture + mood dimensions |\\n| Typography | Font descriptions (visual, not names) | typography dimension |\\n| Color Palette | Named colors with hex codes and usage | mood dimension |\\n| Visual Elements | Graphic elements with rendering instructions | texture + mood dimensions |\\n| Density Guidelines | Content limits and whitespace | density dimension |\\n| Style Rules | Do/Don\'t guidelines | Combined from dimensions |\\n\\n**Important**:\\n- Typography descriptions must describe visual appearance (e.g., \\"rounded sans-serif\\", \\"bold geometric\\") since image generators cannot use font names\\n- Prompts should extract STYLE_INSTRUCTIONS from this outline, NOT re-read style files\\n\\n## Preset → Dimensions Reference\\n\\nWhen using a preset, look up dimensions in `references/dimensions/presets.md`:\\n\\n| Preset | Dimensions |\\n|--------|------------|\\n| blueprint | grid + cool + technical + balanced |\\n| sketch-notes | organic + warm + handwritten + balanced |\\n| corporate | clean + professional + geometric + balanced |\\n| minimal | clean + neutral + geometric + minimal |\\n| ... | See presets.md for full mapping |\\n\\n## Section Dividers\\n\\nUse `---` (horizontal rule) between:\\n- Header metadata and STYLE_INSTRUCTIONS\\n- STYLE_INSTRUCTIONS and first slide\\n- Each slide entry\\n\\n## Slide Numbering\\n\\n- Cover is always Slide 1\\n- Content slides use sequential numbers\\n- Back Cover is always final slide (N)\\n- Filename prefix matches slide position: `01-`, `02-`, etc.\\n\\n## Filename Slugs\\n\\nGenerate meaningful slugs from slide content:\\n\\n| Slide Type | Slug Pattern | Example |\\n|------------|--------------|---------|\\n| Cover | `cover` | `01-slide-cover.png` |\\n| Content | `{topic-slug}` | `02-slide-problem-statement.png` |\\n| Back Cover | `back-cover` | `10-slide-back-cover.png` |\\n\\nSlug rules:\\n- Kebab-case (lowercase, hyphens)\\n- Derived from headline or main topic\\n- Maximum 30 characters\\n- Unique within deck\\n\\n\\n---\\n\\n## Reference: styles/blueprint.md\\n\\n# blueprint\\n\\nPrecise technical blueprint style with professional analytical visual presentation\\n\\n## Design Aesthetic\\n\\nClean, structured visual metaphors using blueprints, diagrams, and schematics. Precise, analytical and aesthetically refined. Information presented in triptych or grid-based layouts with engineering precision.\\n\\n## Background\\n\\n- Color: Blueprint Off-White (#FAF8F5)\\n- Texture: Subtle grid overlay, light engineering paper feel\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nNeue Haas Grotesk Display Pro or similar clean sans-serif. Bold weight for titles. Precise letterforms with consistent spacing. Technical, authoritative presence.\\n\\n### Secondary Font (Body)\\n\\nTiempos Text or similar elegant serif for body explanations. Clean, readable at smaller sizes. Professional editorial quality.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Blueprint Paper | #FAF8F5 | Primary background |\\n| Grid | Light Gray | #E5E5E5 | Background grid lines |\\n| Primary Text | Deep Slate | #334155 | Headlines, body text |\\n| Primary Accent | Engineering Blue | #2563EB | Key elements, highlights |\\n| Secondary Accent | Navy Blue | #1E3A5F | Supporting elements |\\n| Tertiary | Light Blue | #BFDBFE | Backgrounds, fills |\\n| Warning | Amber | #F59E0B | Warnings, emphasis points |\\n\\n## Visual Elements\\n\\n- Precise lines with consistent stroke weights\\n- Technical schematics and clean vector graphics\\n- Thin line work in technical drawing style\\n- Connection lines use straight lines or 90-degree angles only\\n- Data visualization with clean, minimal charts\\n- Dimension lines and measurement indicators\\n- Cross-section style diagrams\\n- Isometric or orthographic projections\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain consistent line weights throughout\\n- Use grid alignment for all elements\\n- Keep color palette restrained and unified\\n- Create clear visual hierarchy through scale\\n- Use geometric precision for all shapes\\n\\n### Don\'t\\n\\n- Use hand-drawn or organic shapes\\n- Add decorative flourishes\\n- Use curved connection lines\\n- Include photographic elements\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nTechnical architecture, system design, data analysis, professional business presentations, engineering documentation, process flows\\n\\n\\n---\\n\\n## Reference: styles/bold-editorial.md\\n\\n# bold-editorial\\n\\nHigh-impact magazine editorial style with bold visual expression\\n\\n## Design Aesthetic\\n\\nStrong visual impact at magazine cover level. Bold typography and dramatic contrast. Full-bleed imagery and large color blocks create commanding presence. Every slide feels like a premium publication cover.\\n\\n## Background\\n\\n- Color: Deep Black (#0A0A0A) primary, or Deep Blue (#0F172A) alternative\\n- Texture: None - clean solid backgrounds, or pure white with bold color blocks\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nBold condensed typeface like Impact, Oswald Bold, or Bebas Neue. Oversized headlines that dominate the slide. All-caps for maximum impact. Tight letter-spacing.\\n\\n### Secondary Font (Body)\\n\\nClean sans-serif such as Inter, SF Pro, or Helvetica Neue. Medium weight for body text. High contrast against background.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background Dark | Deep Black | #0A0A0A | Primary dark background |\\n| Background Alt | Deep Blue | #0F172A | Alternative dark background |\\n| Background Light | Pure White | #FFFFFF | Light mode background |\\n| Primary Text | Pure White | #FFFFFF | Text on dark backgrounds |\\n| Alt Text | Pure Black | #000000 | Text on light backgrounds |\\n| Accent 1 | Electric Blue | #3B82F6 | Primary highlights |\\n| Accent 2 | Bright Orange | #FB923C | Energy, urgency |\\n| Accent 3 | Magenta | #EC4899 | Creative, bold accents |\\n| Accent 4 | Neon Green | #22C55E | Success, growth |\\n| Accent 5 | Violet | #8B5CF6 | Innovation, premium |\\n\\n## Visual Elements\\n\\n- Strong typography as visual element itself\\n- Geometric shapes and bold color blocks\\n- Full-bleed images or solid color backgrounds\\n- High contrast gradients (subtle, not garish)\\n- Minimal decoration - let content speak\\n- Dynamic diagonal lines and angles\\n- Dramatic lighting effects on text\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use extreme scale contrast (huge headlines, small body)\\n- Create bold color block compositions\\n- Let negative space create tension\\n- Use full-bleed backgrounds\\n- Make every slide feel like a magazine cover\\n\\n### Don\'t\\n\\n- Use soft or muted colors\\n- Add unnecessary decorative elements\\n- Create busy, cluttered layouts\\n- Use thin or delicate typography\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nProduct launches, marketing presentations, keynote speeches, brand showcases, investor pitches, high-stakes presentations\\n\\n\\n\\n---\\n\\n## Reference: styles/chalkboard.md\\n\\n# chalkboard\\n\\nBlack chalkboard background with colorful chalk drawing style\\n\\n## Design Aesthetic\\n\\nClassic classroom chalkboard aesthetic with hand-drawn chalk illustrations. Nostalgic educational feel with imperfect, sketchy lines that capture the warmth of traditional teaching. Colorful chalk creates visual hierarchy while maintaining the authentic chalkboard experience.\\n\\n## Background\\n\\n- Color: Chalkboard Black (#1A1A1A) or Dark Green-Black (#1C2B1C)\\n- Texture: Realistic chalkboard texture with subtle scratches, dust particles, and faint eraser marks\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nHand-drawn chalk lettering style. Bold, slightly uneven strokes with visible chalk texture. Imperfect baseline adds authenticity. White or bright colored chalk for emphasis.\\n\\n### Secondary Font (Body)\\n\\nNeater chalk handwriting for readability. Consistent sizing with natural variation. Light chalk texture, thinner strokes than headlines.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Chalkboard Black | #1A1A1A | Primary background |\\n| Alt Background | Green-Black | #1C2B1C | Traditional green board |\\n| Primary Text | Chalk White | #F5F5F5 | Main text, outlines |\\n| Accent 1 | Chalk Yellow | #FFE566 | Highlights, emphasis |\\n| Accent 2 | Chalk Pink | #FF9999 | Secondary highlights |\\n| Accent 3 | Chalk Blue | #66B3FF | Diagrams, links |\\n| Accent 4 | Chalk Green | #90EE90 | Success, nature |\\n| Accent 5 | Chalk Orange | #FFB366 | Warnings, energy |\\n\\n## Visual Elements\\n\\n- Hand-drawn chalk illustrations with sketchy, imperfect lines\\n- Chalk dust effects around text and key elements\\n- Doodles: stars, arrows, underlines, circles, checkmarks\\n- Mathematical formulas and simple diagrams\\n- Eraser smudges and chalk residue textures\\n- Wooden frame border optional\\n- Stick figures and simple icons\\n- Connection lines with hand-drawn feel\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain authentic chalk texture on all elements\\n- Use imperfect, hand-drawn quality throughout\\n- Add subtle chalk dust and smudge effects\\n- Create visual hierarchy with color variety\\n- Include playful doodles and annotations\\n\\n### Don\'t\\n\\n- Use perfect geometric shapes\\n- Create clean digital-looking lines\\n- Add photorealistic elements\\n- Use gradients or glossy effects\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nEducational presentations, classroom content, tutorials, teaching materials, back-to-school themes, workshop presentations, informal learning sessions, knowledge sharing\\n\\n\\n---\\n\\n## Reference: styles/corporate.md\\n\\n# corporate\\n\\nProfessional business style with navy/gold palette and structured layouts\\n\\n## Design Aesthetic\\n\\nClean lines, structured layouts, and business-appropriate sophistication. Projects competence, reliability, and institutional credibility. Balances professionalism with approachability through careful use of whitespace and refined color choices.\\n\\n## Background\\n\\n- Color: Pure White (#FFFFFF) with navy structural elements\\n- Texture: None - crisp digital clarity for maximum professionalism\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nModern geometric sans-serif (Inter, SF Pro, or similar). Clean, professional, and highly legible. Conveys competence and contemporary business sensibility. Medium to semi-bold weight.\\n\\n### Secondary Font (Body)\\n\\nHumanist sans-serif (Source Sans Pro style) for body text. Friendly yet professional, optimized for reading comprehension. Regular weight with comfortable line height.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Pure White | #FFFFFF | Main slide background |\\n| Primary Text | Navy | #1E3A5F | Headlines, key text |\\n| Secondary Text | Dark Gray | #4A5568 | Body text |\\n| Primary Accent | Gold | #C9A227 | Premium highlights, emphasis |\\n| Secondary Accent | Light Navy | #3D5A80 | Secondary elements |\\n| Success | Corporate Green | #059669 | Positive metrics |\\n| Alert | Corporate Red | #DC2626 | Attention items |\\n| Neutral | Light Gray | #F3F4F6 | Background sections |\\n\\n## Visual Elements\\n\\n- Clean charts and data visualizations\\n- Professional iconography (outlined style)\\n- Structured grid layouts\\n- Subtle shadows for depth (minimal)\\n- Progress bars and metrics displays\\n- Organizational charts\\n- Timeline graphics\\n- Comparison tables\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain clear visual hierarchy\\n- Use consistent grid alignment\\n- Apply accent colors strategically (gold for emphasis)\\n- Keep data visualizations clean and readable\\n- Use professional outlined iconography\\n\\n### Don\'t\\n\\n- Use playful or casual elements\\n- Apply heavy decorative effects\\n- Mix too many accent colors\\n- Crowd slides with information\\n- Use informal illustration styles\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nBusiness presentations, investor decks, quarterly reports, executive summaries, client proposals, corporate communications, board meetings\\n\\n\\n---\\n\\n## Reference: styles/dark-atmospheric.md\\n\\n# dark-atmospheric\\n\\nDark moody aesthetic with deep colors and glowing accent elements\\n\\n## Design Aesthetic\\n\\nCinematic dark mode aesthetic with atmospheric depth. Deep purples, blacks, and rich shadows with glowing accents creating dramatic visual contrast. Mysterious, sophisticated, and visually striking. Perfect for evening events, creative industries, and premium brand presentations.\\n\\n## Background\\n\\n- Color: Deep Purple-Black (#0D0D1A) or Rich Navy (#1A1A2E)\\n- Texture: Subtle gradient from darker edges to slightly lighter center, atmospheric fog effect\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nElegant serif or refined sans-serif in light/white. High contrast against dark background. Medium to bold weight. Letterforms may have subtle glow effect.\\n\\n### Secondary Font (Body)\\n\\nClean sans-serif in light gray or muted white. Readable against dark backgrounds. Regular weight with generous line height.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Deep Purple-Black | #0D0D1A | Primary background |\\n| Alt Background | Rich Navy | #1A1A2E | Secondary areas |\\n| Primary Text | Pure White | #FFFFFF | Headlines |\\n| Secondary Text | Light Gray | #A0AEC0 | Body text |\\n| Glow Accent 1 | Electric Purple | #8B5CF6 | Primary glow |\\n| Glow Accent 2 | Cyan Blue | #06B6D4 | Secondary glow |\\n| Glow Accent 3 | Magenta Pink | #EC4899 | Tertiary accent |\\n| Glow Accent 4 | Amber | #F59E0B | Warm highlights |\\n| Subtle | Dark Gray | #2D3748 | Dividers, borders |\\n\\n## Visual Elements\\n\\n- Glowing accent elements and borders\\n- Subtle gradient backgrounds\\n- Atmospheric fog or particle effects\\n- Neon-style highlights on key elements\\n- Silhouettes with backlit edges\\n- Audio waveforms or sound visualizations\\n- Radiating light circles and orbs\\n- Cinematic letterboxing optional\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain high contrast for readability\\n- Use glowing effects sparingly for emphasis\\n- Create atmospheric depth with gradients\\n- Design dramatic visual focal points\\n- Keep text crisp against dark backgrounds\\n\\n### Don\'t\\n\\n- Overuse neon effects (less is more)\\n- Create low-contrast text combinations\\n- Use bright backgrounds\\n- Add cluttered busy elements\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nEntertainment presentations, music and audio content, creative agency pitches, evening events, premium brand reveals, gaming content, cinematic storytelling, tech product launches\\n\\n\\n---\\n\\n## Reference: styles/editorial-infographic.md\\n\\n# editorial-infographic\\n\\nModern magazine-style editorial infographic with clear visual storytelling\\n\\n## Design Aesthetic\\n\\nHigh-quality magazine explainer aesthetic. Clear visual storytelling that transforms complex information into digestible narratives. Clean illustrations, structured layouts, and professional typography. Think Wired, The Verge, or high-end science publications.\\n\\n## Background\\n\\n- Color: Pure White (#FFFFFF) or Light Gray (#F8F9FA)\\n- Texture: None or subtle paper grain for print feel\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nBold display serif or modern sans-serif. Strong visual presence. Clean letterforms with editorial sophistication. Large scale for impact.\\n\\n### Secondary Font (Subheads)\\n\\nSemi-bold sans-serif for section headers. Clear hierarchy distinction from body text. Consistent styling throughout.\\n\\n### Body Font\\n\\nHumanist sans-serif optimized for reading. Clean, professional, accessible. Comfortable line height (1.6).\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Pure White | #FFFFFF | Primary background |\\n| Alt Background | Light Gray | #F8F9FA | Section backgrounds |\\n| Primary Text | Near Black | #1A1A1A | Headlines, body |\\n| Secondary Text | Dark Gray | #4A5568 | Captions, metadata |\\n| Accent 1 | Editorial Blue | #2563EB | Primary accent |\\n| Accent 2 | Coral | #F97316 | Secondary accent |\\n| Accent 3 | Emerald | #10B981 | Positive elements |\\n| Accent 4 | Amber | #F59E0B | Warning, attention |\\n| Dividers | Medium Gray | #D1D5DB | Section dividers |\\n\\n## Visual Elements\\n\\n- Clean flat illustrations (not photos)\\n- Structured multi-section layouts\\n- Callout boxes for key insights\\n- Icon-based data visualization\\n- Visual metaphors for abstract concepts\\n- Flow diagrams with clear directional hierarchy\\n- Pull quotes and highlight boxes\\n- Section dividers and visual breaks\\n\\n## Style Rules\\n\\n### Do\\n\\n- Create clear visual narrative flow\\n- Use structured multi-section layouts\\n- Include callout boxes for key insights\\n- Design visual metaphors for complex ideas\\n- Maintain magazine-quality polish\\n\\n### Don\'t\\n\\n- Use photographic imagery\\n- Create cluttered dense layouts\\n- Mix too many visual styles\\n- Add decorative elements without purpose\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nTechnology explainers, science communication, research summaries, policy briefings, investigative content, educational deep-dives, thought leadership pieces\\n\\n\\n---\\n\\n## Reference: styles/fantasy-animation.md\\n\\n# fantasy-animation\\n\\nWhimsical hand-drawn animation style inspired by classic fantasy illustration\\n\\n## Design Aesthetic\\n\\nCharming hand-drawn animation aesthetic reminiscent of classic Disney, Studio Ghibli, or European storybook illustration. Soft, painterly textures with warm, inviting colors. Friendly characters, magical elements, and storybook layouts. Enchanting, nostalgic, and emotionally engaging.\\n\\n## Background\\n\\n- Color: Soft Sky Blue (#E8F4FC) or Warm Cream (#FFF8E7)\\n- Texture: Subtle watercolor wash, soft brush strokes, gentle paper texture\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nWhimsical serif or decorative hand-lettered style. Slight curvature and organic feel. Warm, friendly character. Think fairy tale book titles.\\n\\n### Secondary Font (Body)\\n\\nRounded sans-serif or casual handwritten style. Friendly and readable. Maintains storybook aesthetic while staying legible.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Soft Sky Blue | #E8F4FC | Primary background |\\n| Alt Background | Warm Cream | #FFF8E7 | Secondary areas |\\n| Primary Text | Deep Forest | #2D5A3D | Headlines |\\n| Body Text | Warm Brown | #5D4E37 | Body content |\\n| Accent 1 | Golden Yellow | #F4D03F | Magic, highlights |\\n| Accent 2 | Rose Pink | #E8A0BF | Warmth, charm |\\n| Accent 3 | Sage Green | #87A96B | Nature elements |\\n| Accent 4 | Sky Blue | #7EC8E3 | Air, water, dreams |\\n| Accent 5 | Coral | #F08080 | Emphasis, life |\\n\\n## Visual Elements\\n\\n- Central illustrated character (friendly, expressive)\\n- Small companion creatures (animals, magical beings)\\n- Storybook-style environment backgrounds\\n- Magical floating objects (books, bags, boxes, orbs)\\n- Decorative elements: stars, sparkles, flowers, leaves\\n- Soft shadows and gentle highlights\\n- Layered depth with foreground/background elements\\n- Themed content containers (trunks, satchels, scroll boxes)\\n\\n## Style Rules\\n\\n### Do\\n\\n- Create warm, inviting compositions\\n- Use soft edges and painterly textures\\n- Include charming character illustrations\\n- Add magical decorative touches\\n- Maintain storybook narrative feel\\n\\n### Don\'t\\n\\n- Use harsh geometric shapes\\n- Create dark or intimidating imagery\\n- Add photorealistic elements\\n- Use cold color palettes\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nEducational content, children\'s presentations, storytelling, creative workshops, book presentations, fantasy/gaming content, inspirational talks, family-friendly events\\n\\n\\n---\\n\\n## Reference: styles/intuition-machine.md\\n\\n# intuition-machine\\n\\nTechnical briefing infographic style with aged paper texture and bilingual explanatory text boxes\\n\\n## Design Aesthetic\\n\\nAcademic/technical briefing presentation style, NOT artistic 3D renders. Clean 2D or isometric technical illustrations with multiple explanatory text boxes containing article content. Split layouts with visuals on left/center and text on right/bottom. Information-dense but organized with clear visual hierarchy. Vintage blueprint aesthetic with modern clarity.\\n\\n## Background\\n\\n- Color: Aged Cream (#F5F0E6)\\n- Texture: Subtle paper texture with light creases, warm nostalgic feel reminiscent of vintage technical prints\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nBold display font in dark maroon, ALL CAPS in brackets for main titles. English subtitle below in smaller size. Technical, authoritative presence with vintage character.\\n\\n### Secondary Font (Labels)\\n\\nClean sans-serif for bilingual callout labels. Format: \\"ENGLISH TERM 中文翻译\\". High contrast against background.\\n\\n### Body Font\\n\\nClean geometric sans-serif for text box content. Readable at smaller sizes. Consistent weight throughout.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Aged Cream | #F5F0E6 | Primary background |\\n| Paper Texture | Warm White | #F5F0E1 | Blueprint paper effect |\\n| Primary Text | Dark Maroon | #5D3A3A | Headlines, titles |\\n| Body Text | Near Black | #1A1A1A | Text box content |\\n| Accent 1 | Teal | #2F7373 | Primary illustrations |\\n| Accent 2 | Warm Brown | #8B7355 | Secondary elements |\\n| Accent 3 | Maroon | #722F37 | Titles, emphasis |\\n| Outline | Deep Charcoal | #2D2D2D | Element outlines |\\n\\n## Visual Elements\\n\\n- Isometric 3D technical illustrations OR flat 2D diagrams (choose based on concept)\\n- 3-5 explanatory text boxes per slide with labeled content\\n- Bilingual callout labels pointing to key parts\\n- Faded thematic background patterns (circuits, gears, flowcharts related to topic)\\n- Clean black outlines on all elements\\n- Split or triptych layouts\\n- \\"KEY QUOTE:\\" box at bottom with core insight\\n- No title blocks, stamps, or watermarks in corners\\n\\n## Style Rules\\n\\n### Do\\n\\n- Include 3-5 text boxes with substantive content from source material\\n- Use bilingual labels (English + Chinese) for key elements\\n- Add faded thematic background patterns related to the topic\\n- Maintain aged paper texture throughout\\n- Create clear visual hierarchy with split layouts\\n\\n### Don\'t\\n\\n- Create photorealistic renders or artistic 3D scenes\\n- Leave slides without explanatory text content\\n- Add title blocks or stamps in corners\\n- Use gradients or glossy effects\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nTechnical explanations, concept breakdowns, academic presentations, knowledge documentation, research summaries, educational content with depth, bilingual audiences\\n\\n\\n---\\n\\n## Reference: styles/minimal.md\\n\\n# minimal\\n\\nUltra-clean keynote style with maximum whitespace and zen-like simplicity\\n\\n## Design Aesthetic\\n\\nMaximum whitespace with minimal elements. Zen-like simplicity where every element earns its place. Premium, refined aesthetic suitable for executive audiences. Less is more - remove until nothing more can be taken away.\\n\\n## Background\\n\\n- Color: Pure White (#FFFFFF)\\n- Texture: None - absolute clean, no grain or patterns\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nClean geometric sans-serif like SF Pro Display, Inter, or Helvetica Neue. Light to medium weight for elegant restraint. Generous letter-spacing. Large scale for impact without boldness.\\n\\n### Secondary Font (Body)\\n\\nSame family as headlines in lighter weight. Minimal size contrast. Clean, airy feeling throughout.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Pure White | #FFFFFF | Primary background |\\n| Primary Text | Near Black | #1A1A1A | Headlines, body |\\n| Secondary Text | Medium Gray | #6B7280 | Captions, metadata |\\n| Accent | Single Brand Color | #2563EB | One accent only, sparingly |\\n| Dividers | Light Gray | #E5E7EB | Subtle separators |\\n\\n## Visual Elements\\n\\n- Single accent color used sparingly\\n- Thin hairline rules for separation\\n- Generous margins (minimum 15% on all sides)\\n- Center or left-aligned layouts\\n- Simple geometric shapes only when necessary\\n- No decorative elements\\n- Data visualizations in single color or grayscale\\n\\n## Style Rules\\n\\n### Do\\n\\n- Embrace empty space as a design element\\n- Use single accent color only\\n- Keep text minimal (10 words or less per slide)\\n- Create breathing room between elements\\n- Use scale to create hierarchy\\n\\n### Don\'t\\n\\n- Fill empty space with decoration\\n- Use multiple accent colors\\n- Add icons or illustrations unless essential\\n- Create dense information layouts\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nExecutive briefings, keynote presentations, premium brand communications, minimalist products, investor meetings, high-level strategy\\n\\n\\n---\\n\\n## Reference: styles/notion.md\\n\\n# notion\\n\\nSaaS dashboard aesthetic with clean data focus and productivity tool styling\\n\\n## Design Aesthetic\\n\\nClean, functional SaaS interface aesthetic. Dashboard-inspired layouts with clear data hierarchy. Notion, Linear, and modern productivity tool styling. Information-dense but organized. Professional and trustworthy.\\n\\n## Background\\n\\n- Color: Light Gray (#F7F7F5) or Pure White (#FFFFFF)\\n- Texture: None - clean solid backgrounds\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nSystem UI stack or Inter. Semi-bold weight for emphasis. Clean, functional letterforms. Slightly tighter letter-spacing.\\n\\n### Secondary Font (Body)\\n\\nSame family in regular weight. Optimized for screen reading. Comfortable line height (1.5-1.6).\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Light Gray | #F7F7F5 | Primary background |\\n| Card Background | Pure White | #FFFFFF | Content cards |\\n| Primary Text | Near Black | #1F1F1F | Headlines, body |\\n| Secondary Text | Gray | #6B6B6B | Metadata, labels |\\n| Border | Light Border | #E5E5E5 | Card borders, dividers |\\n| Accent Blue | Notion Blue | #2383E2 | Links, primary actions |\\n| Accent Green | Success | #0F7B6C | Positive metrics |\\n| Accent Red | Alert | #E03E3E | Negative metrics |\\n| Accent Yellow | Warning | #DFAB01 | Cautions |\\n\\n## Visual Elements\\n\\n- Card-based layouts with subtle borders or shadows\\n- Clean data tables and charts\\n- Progress bars and metric displays\\n- Icon-based navigation hints\\n- Checkbox and toggle styling\\n- Tag and label chips\\n- Subtle hover state styling\\n- Breadcrumb and hierarchy indicators\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use card-based content organization\\n- Create clear data hierarchy\\n- Use subtle shadows and borders\\n- Keep layouts grid-aligned\\n- Present metrics prominently\\n\\n### Don\'t\\n\\n- Use decorative illustrations\\n- Add gradients or complex backgrounds\\n- Create artistic layouts\\n- Use rounded blob shapes\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nProduct demos, SaaS presentations, productivity tool pitches, metrics dashboards, feature walkthroughs, B2B presentations, technical product marketing\\n\\n\\n---\\n\\n## Reference: styles/pixel-art.md\\n\\n# pixel-art\\n\\nRetro 8-bit pixel art aesthetic with nostalgic gaming visual style\\n\\n## Design Aesthetic\\n\\nPixelated retro aesthetic reminiscent of classic 8-bit and 16-bit era games. Chunky pixels, limited color palettes, and nostalgic gaming references. Simple geometric shapes rendered in blocky pixel form. Fun, playful, and immediately recognizable retro tech aesthetic.\\n\\n## Background\\n\\n- Color: Light Blue (#87CEEB) or Soft Lavender (#E6E6FA)\\n- Texture: Subtle pixel grid pattern, CRT scanline effect optional\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nPixelated bitmap font style. Chunky, blocky letterforms with visible pixel structure. All caps for maximum readability. Render as actual pixel art, not smooth vectors.\\n\\n### Secondary Font (Body)\\n\\nSmaller pixel font with consistent 8x8 or 16x16 character grid. High contrast against background. Limited anti-aliasing to maintain retro feel.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Light Blue | #87CEEB | Primary background |\\n| Alt Background | Soft Lavender | #E6E6FA | Secondary backgrounds |\\n| Primary Text | Dark Navy | #1A1A2E | Headlines, body text |\\n| Accent 1 | Pixel Green | #00FF00 | Success, highlights |\\n| Accent 2 | Pixel Red | #FF0000 | Alerts, emphasis |\\n| Accent 3 | Pixel Yellow | #FFFF00 | Warnings, energy |\\n| Accent 4 | Pixel Cyan | #00FFFF | Info, tech elements |\\n| Accent 5 | Pixel Magenta | #FF00FF | Special elements |\\n\\n## Visual Elements\\n\\n- All elements rendered with visible pixel structure\\n- Simple iconography: notepad, checkboxes, gears, rockets, play buttons\\n- Text bubbles and speech boxes with pixel borders\\n- 8-bit style decorative elements: stars, hearts, arrows\\n- Progress bars with chunky pixel segments\\n- Dithering patterns for gradients and shadows\\n- Limited to 16-32 color palette per slide\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain consistent pixel grid throughout\\n- Use limited color palette (16-32 colors max)\\n- Create blocky, geometric shapes\\n- Add nostalgic gaming references where appropriate\\n- Use dithering for color transitions\\n\\n### Don\'t\\n\\n- Use smooth gradients or anti-aliasing\\n- Create photorealistic elements\\n- Use thin lines or fine details\\n- Add modern glossy effects\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nGaming presentations, tech tutorials, nostalgic content, developer talks, retro-themed events, educational content for younger audiences, creative tech presentations\\n\\n\\n---\\n\\n## Reference: styles/scientific.md\\n\\n# scientific\\n\\nEducational scientific illustration style for pathways, processes, and technical diagrams\\n\\n## Design Aesthetic\\n\\nAcademic scientific illustration aesthetic for biological pathways, chemical processes, and technical systems. Clean, precise diagrams with proper labeling and clear visual flow. Educational clarity with professional polish. Think textbook quality illustrations and academic journal figures.\\n\\n## Background\\n\\n- Color: Off-White (#FAFAFA) or Light Blue-Gray (#F0F4F8)\\n- Texture: None or very subtle paper grain for print feel\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nClean serif font (Times New Roman style) for formal academic feel. Bold weight for main titles. Professional, authoritative presence.\\n\\n### Secondary Font (Labels)\\n\\nSans-serif for diagram labels and annotations. Clear, readable at small sizes. Consistent sizing for hierarchy.\\n\\n### Body Font\\n\\nSerif for body paragraphs, sans-serif for bullet points and lists. Academic publication styling.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Off-White | #FAFAFA | Primary background |\\n| Primary Text | Dark Slate | #1E293B | Headlines, body |\\n| Label Text | Medium Gray | #475569 | Annotations |\\n| Pathway 1 | Teal | #0D9488 | Primary pathway |\\n| Pathway 2 | Blue | #3B82F6 | Secondary pathway |\\n| Pathway 3 | Purple | #8B5CF6 | Tertiary pathway |\\n| Membrane | Amber | #F59E0B | Biological membranes |\\n| Alert | Red | #EF4444 | Key molecules, emphasis |\\n| Positive | Green | #22C55E | Products, outputs |\\n\\n## Visual Elements\\n\\n- Horizontal membrane or structure bases\\n- Labeled modular components with distinct colors\\n- Flow arrows (electron, proton, molecule movement)\\n- Chemical formulas and molecular notation\\n- Cross-section and pathway diagrams\\n- Numbered step sequences\\n- Key molecule callouts\\n- Process summary boxes\\n\\n## Style Rules\\n\\n### Do\\n\\n- Use precise, consistent line weights\\n- Label all components clearly\\n- Show directional flow with arrows\\n- Include chemical/molecular notation where relevant\\n- Create clear numbered sequences\\n\\n### Don\'t\\n\\n- Use decorative illustrations\\n- Create imprecise or artistic diagrams\\n- Omit important labels\\n- Use inconsistent visual language\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nBiology lectures, chemistry presentations, medical education, research presentations, academic papers, scientific conferences, textbook illustrations, process documentation\\n\\n\\n---\\n\\n## Reference: styles/sketch-notes.md\\n\\n# sketch-notes\\n\\nSoft hand-drawn illustration style with fresh, refined minimalist editorial aesthetic\\n\\n## Design Aesthetic\\n\\nIllustration or hand-drawn feel with soft, relaxed brush strokes. Fresh, refined overall style with minimalist editorial approach. Emphasis on precision, clarity and intelligent elegance while prioritizing warmth, approachability and friendliness.\\n\\n## Background\\n\\n- Color: Warm Off-White (#FAF8F0)\\n- Texture: Subtle paper grain, slightly warm tone to avoid clinical feel\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nBold hand-written marker font or cartoon poster font. Slightly uneven baseline for organic feel. Thick strokes with soft edges. Render as hand-drawn letters, not typed text.\\n\\n### Secondary Font (Body)\\n\\nClear handwritten round or hard-pen style mimicking everyday notes. Consistent sizing with slight natural variation. Render as casual handwriting, legible but not mechanical.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Warm Off-White | #FAF8F0 | Primary background |\\n| Primary Text | Deep Charcoal | #2C3E50 | Headlines, body text |\\n| Alt Text | Deep Brown | #4A4A4A | Secondary text elements |\\n| Accent 1 | Soft Orange | #F4A261 | Highlights, emphasis |\\n| Accent 2 | Mustard Yellow | #E9C46A | Secondary highlights |\\n| Accent 3 | Sage Green | #87A96B | Nature, growth concepts |\\n| Accent 4 | Light Blue | #7EC8E3 | Tech, AI elements |\\n| Accent 5 | Red Brown | #A0522D | Land, infrastructure |\\n\\n## Visual Elements\\n\\n- Connection lines with hand-drawn wavy feel, not perfectly straight\\n- Conceptual abstract icons illustrating ideas rather than literal scenes\\n- Color fills don\'t need to completely fill outlines - preserve hand-painted casual feel\\n- Simple geometric shapes with rounded corners\\n- Arrows and pointers with sketchy, informal style\\n- Doodle-style decorative elements: stars, spirals, underlines\\n\\n## Style Rules\\n\\n### Do\\n\\n- Keep layouts open and well-structured\\n- Emphasize information hierarchy and readability\\n- Use hand-drawn quality for all elements\\n- Allow imperfection - slight wobbles add character\\n- Layer elements with subtle overlaps\\n\\n### Don\'t\\n\\n- Use perfect geometric shapes\\n- Create photorealistic elements\\n- Overcrowd with too many elements\\n- Use pure white backgrounds\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nEducational content, knowledge sharing, technical explanations, friendly presentations, tutorials, onboarding materials\\n\\n\\n---\\n\\n## Reference: styles/vector-illustration.md\\n\\n# vector-illustration\\n\\nFlat vector illustration style with clear black outlines and retro soft color palette\\n\\n## Design Aesthetic\\n\\nFlat vector illustration with no gradients or 3D effects. Clear, uniform-thickness black outlines on all elements. Geometric simplification reducing complex objects to basic shapes. Toy model aesthetic that\'s cute, playful, and approachable. Panoramic horizontal compositions work well.\\n\\n## Background\\n\\n- Color: Cream Off-White (#F5F0E6)\\n- Texture: Subtle paper texture, warm nostalgic feel reminiscent of vintage prints\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nLarge, bold retro serif for titles conveying authority and elegance. Think classic advertising posters. Clean letterforms with strong presence.\\n\\n### Secondary Font (Subtitles)\\n\\nAll-caps sans-serif inside colored rectangular blocks. Label-like appearance. High contrast against block color.\\n\\n### Body Font\\n\\nClean geometric sans-serif for readability. Futura, Avenir, or similar. Consistent weight throughout.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Cream Off-White | #F5F0E6 | Primary background |\\n| Outlines | Deep Charcoal | #2D2D2D | All element outlines |\\n| Primary Text | Black | #1A1A1A | Headlines, body |\\n| Accent 1 | Coral Red | #E07A5F | Primary accent, warmth |\\n| Accent 2 | Mint Green | #81B29A | Secondary accent, nature |\\n| Accent 3 | Mustard Yellow | #F2CC8F | Highlights, energy |\\n| Accent 4 | Burnt Orange | #D4764A | Tertiary accent |\\n| Accent 5 | Rock Blue | #577590 | Cool balance, tech |\\n\\n## Visual Elements\\n\\n- All objects have closed black outlines (coloring book style)\\n- Rounded line endings, avoid sharp corners\\n- Trees simplified to lollipop or triangle shapes\\n- Buildings simplified to rectangular blocks with grid windows\\n- 2.5D perspective (isometric-like but more free-form)\\n- Depth through layering and overlap, not atmospheric perspective\\n- Decorative geometric elements: radiating lines (sunbursts), pill-shaped clouds, dots, stars\\n- People as simple geometric figures with minimal facial detail\\n\\n## Style Rules\\n\\n### Do\\n\\n- Maintain consistent outline thickness throughout\\n- Use soft, vintage color palette\\n- Simplify all objects to basic geometric shapes\\n- Create depth through layering\\n- Add playful decorative elements\\n\\n### Don\'t\\n\\n- Use gradients or realistic shading\\n- Create photorealistic elements\\n- Use thin or varying line weights\\n- Include complex detailed illustrations\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nEducational presentations, creative proposals, children\'s content, brand showcases, warm approachable topics, explainer content\\n\\n\\n---\\n\\n## Reference: styles/vintage.md\\n\\n# vintage\\n\\nVintage aged-paper aesthetic for historical and expedition-style presentations\\n\\n## Design Aesthetic\\n\\nNostalgic vintage aesthetic with aged paper textures and historical document styling. Think explorer\'s journals, antique maps, and museum exhibits. Rich warm tones with weathered textures. Evokes discovery, heritage, and timeless knowledge.\\n\\n## Background\\n\\n- Color: Aged Parchment (#F5E6D3) or Sepia Cream (#FFF8DC)\\n- Texture: Heavy aged paper texture with subtle creases, coffee stains, and worn edges\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nClassic serif with historical character (Garamond, Baskerville, or similar). Elegant, authoritative, timeless. May include decorative flourishes.\\n\\n### Secondary Font (Labels)\\n\\nCondensed serif or clean sans-serif for map labels and annotations. Period-appropriate styling. Consistent with vintage aesthetic.\\n\\n### Body Font\\n\\nReadable serif for longer text. Traditional book typography. Comfortable reading experience.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Aged Parchment | #F5E6D3 | Primary background |\\n| Alt Background | Sepia Cream | #FFF8DC | Secondary areas |\\n| Primary Text | Dark Brown | #3D2914 | Headlines, body |\\n| Secondary Text | Medium Brown | #6B4423 | Annotations |\\n| Accent 1 | Forest Green | #2D5A3D | Maps, nature |\\n| Accent 2 | Navy Blue | #1E3A5F | Ocean, lines |\\n| Accent 3 | Burgundy | #722F37 | Emphasis, borders |\\n| Accent 4 | Gold | #C9A227 | Highlights, compass |\\n| Ink | Sepia Black | #3D3D3D | Fine details |\\n\\n## Visual Elements\\n\\n- Antique maps with route lines and landmarks\\n- Compass roses and nautical elements\\n- Expedition ship or vehicle illustrations\\n- Specimen drawings (flora, fauna, fossils)\\n- Handwritten-style annotations\\n- Rope, leather, and brass decorative motifs\\n- Wave and terrain texture patterns\\n- Vintage photograph-style image frames\\n\\n## Style Rules\\n\\n### Do\\n\\n- Apply consistent aged texture throughout\\n- Use period-appropriate visual language\\n- Include map and journey elements where relevant\\n- Create layered collage compositions\\n- Maintain warm sepia-toned palette\\n\\n### Don\'t\\n\\n- Use modern digital styling\\n- Create crisp clean edges\\n- Use cold or bright colors\\n- Add contemporary elements\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nHistorical presentations, travel and exploration content, museum exhibits, heritage brand storytelling, biography presentations, scientific discovery narratives, educational history content\\n\\n\\n---\\n\\n## Reference: styles/watercolor.md\\n\\n# watercolor\\n\\nSoft watercolor illustration style with hand-painted textures and natural warmth\\n\\n## Design Aesthetic\\n\\nGentle watercolor aesthetic with visible brush strokes and natural color bleeding. Hand-painted feel with soft edges and organic shapes. Warm, approachable, and artistically refined. Combines artistic expression with clear information delivery.\\n\\n## Background\\n\\n- Color: Warm Off-White (#FAF8F0) or Soft Cream (#FFF9E6)\\n- Texture: Subtle watercolor paper texture with visible grain\\n\\n## Typography\\n\\n### Primary Font (Headlines)\\n\\nElegant handwritten or brush script for titles. Organic letterforms with natural variation. Warm, personal feeling. May appear as actual hand-painted lettering.\\n\\n### Secondary Font (Body)\\n\\nClean rounded sans-serif or casual handwriting style. Readable at smaller sizes. Maintains artistic cohesion while staying functional.\\n\\n## Color Palette\\n\\n| Role | Color | Hex | Usage |\\n|------|-------|-----|-------|\\n| Background | Warm Off-White | #FAF8F0 | Primary background |\\n| Primary Text | Warm Charcoal | #3D3D3D | Headlines, body |\\n| Accent 1 | Soft Coral | #F4A261 | Primary warmth |\\n| Accent 2 | Dusty Rose | #E8A0A0 | Secondary warmth |\\n| Accent 3 | Sage Green | #87A96B | Nature, growth |\\n| Accent 4 | Sky Blue | #7EC8E3 | Water, calm |\\n| Accent 5 | Soft Lavender | #C5B4E3 | Accent, creativity |\\n| Wash | Pale Yellow | #FFF3C4 | Background washes |\\n\\n## Visual Elements\\n\\n- Watercolor washes as section backgrounds\\n- Illustrated icons with visible brush strokes\\n- Natural elements: leaves, bubbles, flowers\\n- Color bleeds and soft edges on all elements\\n- Hand-drawn arrows and connection lines\\n- Labeled diagrams with watercolor fills\\n- Small expressive character illustrations\\n- Decorative nature accents scattered thoughtfully\\n\\n## Style Rules\\n\\n### Do\\n\\n- Allow color to bleed beyond sharp edges\\n- Use visible brush stroke textures\\n- Create soft, organic shapes\\n- Include hand-drawn quality in all elements\\n- Maintain warm, inviting color palette\\n\\n### Don\'t\\n\\n- Use sharp geometric shapes\\n- Create hard edges or digital precision\\n- Use cold or stark colors\\n- Add photographic elements\\n- Add slide numbers, footers, or logos\\n\\n## Best For\\n\\nLifestyle content, wellness presentations, travel guides, food and cooking content, personal stories, creative workshops, artistic portfolios, warm educational content\\n","source":"baoyu-skills","category":"content-skills","outputType":"image"},{"id":"baoyu-skills:baoyu-xhs-images","name":"小红书图(baoyu-xhs-images)","description":"Generates Xiaohongshu (Little Red Book) infographic series with 10 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions \\"小红书图片\\", \\"XHS images\\", \\"RedNote infographics\\", \\"小红书种草\\", or wants social media infographics for Chinese platforms.","type":"external","content":"# Xiaohongshu Infographic Series Generator\\n\\nBreak down complex content into eye-catching infographic series for Xiaohongshu with multiple style options.\\n\\n## Usage\\n\\n```bash\\n# Auto-select style and layout based on content\\n/baoyu-xhs-images posts/ai-future/article.md\\n\\n# Specify style\\n/baoyu-xhs-images posts/ai-future/article.md --style notion\\n\\n# Specify layout\\n/baoyu-xhs-images posts/ai-future/article.md --layout dense\\n\\n# Combine style and layout\\n/baoyu-xhs-images posts/ai-future/article.md --style notion --layout list\\n\\n# Direct content input\\n/baoyu-xhs-images\\n[paste content]\\n\\n# Direct input with options\\n/baoyu-xhs-images --style bold --layout comparison\\n[paste content]\\n```\\n\\n## Options\\n\\n| Option | Description |\\n|--------|-------------|\\n| `--style <name>` | Visual style (see Style Gallery) |\\n| `--layout <name>` | Information layout (see Layout Gallery) |\\n\\n## Two Dimensions\\n\\n| Dimension | Controls | Options |\\n|-----------|----------|---------|\\n| **Style** | Visual aesthetics: colors, lines, decorations | cute, fresh, warm, bold, minimal, retro, pop, notion, chalkboard, study-notes |\\n| **Layout** | Information structure: density, arrangement | sparse, balanced, dense, list, comparison, flow, mindmap, quadrant |\\n\\nStyle × Layout can be freely combined. Example: `--style notion --layout dense` creates an intellectual-looking knowledge card with high information density.\\n\\n## Style Gallery\\n\\n| Style | Description |\\n|-------|-------------|\\n| `cute` (Default) | Sweet, adorable, girly - classic Xiaohongshu aesthetic |\\n| `fresh` | Clean, refreshing, natural |\\n| `warm` | Cozy, friendly, approachable |\\n| `bold` | High impact, attention-grabbing |\\n| `minimal` | Ultra-clean, sophisticated |\\n| `retro` | Vintage, nostalgic, trendy |\\n| `pop` | Vibrant, energetic, eye-catching |\\n| `notion` | Minimalist hand-drawn line art, intellectual |\\n| `chalkboard` | Colorful chalk on black board, educational |\\n| `study-notes` | Realistic handwritten photo style, blue pen + red annotations + yellow highlighter |\\n\\nDetailed style definitions: `references/presets/<style>.md`\\n\\n## Layout Gallery\\n\\n| Layout | Description |\\n|--------|-------------|\\n| `sparse` (Default) | Minimal information, maximum impact (1-2 points) |\\n| `balanced` | Standard content layout (3-4 points) |\\n| `dense` | High information density, knowledge card style (5-8 points) |\\n| `list` | Enumeration and ranking format (4-7 items) |\\n| `comparison` | Side-by-side contrast layout |\\n| `flow` | Process and timeline layout (3-6 steps) |\\n| `mindmap` | Center radial mind map layout (4-8 branches) |\\n| `quadrant` | Four-quadrant / circular section layout |\\n\\nDetailed layout definitions: `references/elements/canvas.md`\\n\\n## Auto Selection\\n\\n| Content Signals | Style | Layout |\\n|-----------------|-------|--------|\\n| Beauty, fashion, cute, girl, pink | `cute` | sparse/balanced |\\n| Health, nature, clean, fresh, organic | `fresh` | balanced/flow |\\n| Life, story, emotion, feeling, warm | `warm` | balanced |\\n| Warning, important, must, critical | `bold` | list/comparison |\\n| Professional, business, elegant, simple | `minimal` | sparse/balanced |\\n| Classic, vintage, old, traditional | `retro` | balanced |\\n| Fun, exciting, wow, amazing | `pop` | sparse/list |\\n| Knowledge, concept, productivity, SaaS | `notion` | dense/list |\\n| Education, tutorial, learning, teaching, classroom | `chalkboard` | balanced/dense |\\n| Notes, handwritten, study guide, knowledge, realistic, photo | `study-notes` | dense/list/mindmap |\\n\\n## Outline Strategies\\n\\nThree differentiated outline strategies for different content goals:\\n\\n### Strategy A: Story-Driven (故事驱动型)\\n\\n| Aspect | Description |\\n|--------|-------------|\\n| **Concept** | Personal experience as main thread, emotional resonance first |\\n| **Features** | Start from pain point, show before/after change, strong authenticity |\\n| **Best for** | Reviews, personal shares, transformation stories |\\n| **Structure** | Hook → Problem → Discovery → Experience → Conclusion |\\n\\n### Strategy B: Information-Dense (信息密集型)\\n\\n| Aspect | Description |\\n|--------|-------------|\\n| **Concept** | Value-first, efficient information delivery |\\n| **Features** | Clear structure, explicit points, professional credibility |\\n| **Best for** | Tutorials, comparisons, product reviews, checklists |\\n| **Structure** | Core conclusion → Info card → Pros/Cons → Recommendation |\\n\\n### Strategy C: Visual-First (视觉优先型)\\n\\n| Aspect | Description |\\n|--------|-------------|\\n| **Concept** | Visual impact as core, minimal text |\\n| **Features** | Large images, atmospheric, instant appeal |\\n| **Best for** | High-aesthetic products, lifestyle, mood-based content |\\n| **Structure** | Hero image → Detail shots → Lifestyle scene → CTA |\\n\\n## File Structure\\n\\nEach session creates an independent directory named by content slug:\\n\\n```\\nxhs-images/{topic-slug}/\\n├── source-{slug}.{ext}             # Source files (text, images, etc.)\\n├── analysis.md                     # Deep analysis + questions asked\\n├── outline-strategy-a.md           # Strategy A: Story-driven\\n├── outline-strategy-b.md           # Strategy B: Information-dense\\n├── outline-strategy-c.md           # Strategy C: Visual-first\\n├── outline.md                      # Final selected/merged outline\\n├── prompts/\\n│   ├── 01-cover-[slug].md\\n│   ├── 02-content-[slug].md\\n│   └── ...\\n├── 01-cover-[slug].png\\n├── 02-content-[slug].png\\n└── NN-ending-[slug].png\\n```\\n\\n**Slug Generation**:\\n1. Extract main topic from content (2-4 words, kebab-case)\\n2. Example: \\"AI工具推荐\\" → `ai-tools-recommend`\\n\\n**Conflict Resolution**:\\nIf `xhs-images/{topic-slug}/` already exists:\\n- Append timestamp: `{topic-slug}-YYYYMMDD-HHMMSS`\\n- Example: `ai-tools` exists → `ai-tools-20260118-143052`\\n\\n**Source Files**:\\nCopy all sources with naming `source-{slug}.{ext}`:\\n- `source-article.md`, `source-photo.jpg`, etc.\\n- Multiple sources supported: text, images, files from conversation\\n\\n## Workflow\\n\\n### Progress Checklist\\n\\nCopy and track progress:\\n\\n```\\nXHS Infographic Progress:\\n- [ ] Step 0: Check preferences (EXTEND.md) ⛔ BLOCKING\\n  - [ ] Found → load preferences → continue\\n  - [ ] Not found → run first-time setup → MUST complete before Step 1\\n- [ ] Step 1: Analyze content → analysis.md\\n- [ ] Step 2: Confirmation 1 - Content understanding ⚠️ REQUIRED\\n- [ ] Step 3: Generate 3 outline + style variants\\n- [ ] Step 4: Confirmation 2 - Outline & style & elements selection ⚠️ REQUIRED\\n- [ ] Step 5: Generate images (sequential)\\n- [ ] Step 6: Completion report\\n```\\n\\n### Flow\\n\\n```\\nInput → [Step 0: Preferences] ─┬─ Found → Continue\\n                               │\\n                               └─ Not found → First-Time Setup ⛔ BLOCKING\\n                                              │\\n                                              └─ Complete setup → Save EXTEND.md → Continue\\n                                                                                      │\\n        ┌───────────────────────────────────────────────────────────────────────────┘\\n        ↓\\nAnalyze → [Confirm 1] → 3 Outlines → [Confirm 2: Outline + Style + Elements] → Generate → Complete\\n```\\n\\n### Step 0: Load Preferences (EXTEND.md) ⛔ BLOCKING\\n\\n**Purpose**: Load user preferences or run first-time setup.\\n\\n**CRITICAL**: 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.\\n\\nUse Bash to check EXTEND.md existence (priority order):\\n\\n```bash\\n# Check project-level first\\ntest -f .baoyu-skills/baoyu-xhs-images/EXTEND.md && echo \\"project\\"\\n\\n# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)\\ntest -f \\"$HOME/.baoyu-skills/baoyu-xhs-images/EXTEND.md\\" && echo \\"user\\"\\n```\\n\\n┌────────────────────────────────────────────────────┬───────────────────┐\\n│                        Path                        │     Location      │\\n├────────────────────────────────────────────────────┼───────────────────┤\\n│ .baoyu-skills/baoyu-xhs-images/EXTEND.md           │ Project directory │\\n├────────────────────────────────────────────────────┼───────────────────┤\\n│ $HOME/.baoyu-skills/baoyu-xhs-images/EXTEND.md     │ User home         │\\n└────────────────────────────────────────────────────┴───────────────────┘\\n\\n┌───────────┬─────────────────────────────────────────────────────────────────────────────────────────────────────┐\\n│  Result   │                                              Action                                              │\\n├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤\\n│ Found     │ Read, parse, display summary → Continue to Step 1                                                 │\\n├───────────┼─────────────────────────────────────────────────────────────────────────────────────────────────────┤\\n│ Not found │ ⛔ BLOCKING: Run first-time setup ONLY (see below) → Complete and save EXTEND.md → Then Step 1    │\\n└───────────┴─────────────────────────────────────────────────────────────────────────────────────────────────────┘\\n\\n**First-Time Setup** (when EXTEND.md not found):\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\nUse AskUserQuestion with ALL questions in ONE call. See `references/config/first-time-setup.md` for question details.\\n\\n**EXTEND.md Supports**: Watermark | Preferred style/layout | Custom style definitions | Language preference\\n\\nSchema: `references/config/preferences-schema.md`\\n\\n### Step 1: Analyze Content → `analysis.md`\\n\\nRead source content, save it if needed, and perform deep analysis.\\n\\n**Actions**:\\n1. **Save source content** (if not already a file):\\n   - If user provides a file path: use as-is\\n   - If user pastes content: save to `source.md` in target directory\\n   - **Backup rule**: If `source.md` exists, rename to `source-backup-YYYYMMDD-HHMMSS.md`\\n2. Read source content\\n3. **Deep analysis** following `references/workflows/analysis-framework.md`:\\n   - Content type classification (种草/干货/测评/教程/避坑...)\\n   - Hook analysis (爆款标题潜力)\\n   - Target audience identification\\n   - Engagement potential (收藏/分享/评论)\\n   - Visual opportunity mapping\\n   - Swipe flow design\\n4. Detect source language\\n5. Determine recommended image count (2-10)\\n6. **Generate clarifying questions** (see Step 2)\\n7. **Save to `analysis.md`**\\n\\n### Step 2: Confirmation 1 - Content Understanding ⚠️\\n\\n**Purpose**: Validate understanding + collect missing info. **Do NOT skip.**\\n\\n**Display summary**:\\n- Content type + topic identified\\n- Key points extracted\\n- Tone detected\\n- Source images count\\n\\n**Use AskUserQuestion** for:\\n1. Core selling point (multiSelect: true)\\n2. Target audience\\n3. Style preference: Authentic sharing / Professional review / Aesthetic mood / Auto\\n4. Additional context (optional)\\n\\n**After response**: Update `analysis.md` → Step 3\\n\\n### Step 3: Generate 3 Outline + Style Variants\\n\\nBased on analysis + user context, create three distinct strategy variants. Each variant includes both **outline structure** and **visual style recommendation**.\\n\\n**For each strategy**:\\n\\n| Strategy | Filename | Outline | Recommended Style |\\n|----------|----------|---------|-------------------|\\n| A | `outline-strategy-a.md` | Story-driven: emotional, before/after | warm, cute, fresh |\\n| B | `outline-strategy-b.md` | Information-dense: structured, factual | notion, minimal, chalkboard |\\n| C | `outline-strategy-c.md` | Visual-first: atmospheric, minimal text | bold, pop, retro |\\n\\n**Outline format** (YAML front matter + content):\\n```yaml\\n---\\nstrategy: a  # a, b, or c\\nname: Story-Driven\\nstyle: warm  # recommended style for this strategy\\nstyle_reason: \\"Warm tones enhance emotional storytelling and personal connection\\"\\nelements:  # from style preset, can be customized in Step 4\\n  background: solid-pastel\\n  decorations: [clouds, stars-sparkles]\\n  emphasis: star-burst\\n  typography: highlight\\nlayout: balanced  # primary layout\\nimage_count: 5\\n---\\n\\n## P1 Cover\\n**Type**: cover\\n**Hook**: \\"入冬后脸不干了🥹终于找到对的面霜\\"\\n**Visual**: Product hero shot with cozy winter atmosphere\\n**Layout**: sparse\\n\\n## P2 Problem\\n**Type**: pain-point\\n**Message**: Previous struggles with dry skin\\n**Visual**: Before state, relatable scenario\\n**Layout**: balanced\\n\\n...\\n```\\n\\n**Differentiation requirements**:\\n- Each strategy MUST have different outline structure AND different recommended style\\n- Adapt page count: A typically 4-6, B typically 3-5, C typically 3-4\\n- Include `style_reason` explaining why this style fits the strategy\\n- Consider user\'s style preference from Step 2\\n\\nReference: `references/workflows/outline-template.md`\\n\\n### Step 4: Confirmation 2 - Outline & Style & Elements Selection ⚠️\\n\\n**Purpose**: User chooses outline strategy, confirms visual style, and customizes elements. **Do NOT skip.**\\n\\n**Display each strategy**:\\n- Strategy name + page count + recommended style\\n- Page-by-page summary (P1 → P2 → P3...)\\n\\n**Use AskUserQuestion** with three questions:\\n\\n**Question 1: Outline Strategy**\\n- Strategy A (Recommended if \\"authentic sharing\\")\\n- Strategy B (Recommended if \\"professional review\\")\\n- Strategy C (Recommended if \\"aesthetic mood\\")\\n- Combine: specify pages from each\\n\\n**Question 2: Visual Style**\\n- Use strategy\'s recommended style (show which style)\\n- Or select from: cute / fresh / warm / bold / minimal / retro / pop / notion / chalkboard\\n- Or type custom style description\\n\\n**Question 3: Visual Elements** (show after style selection)\\nDisplay the selected style\'s default elements from preset, then ask:\\n- Use style defaults (Recommended) - show preview: background, decorations, emphasis\\n- Adjust background - options: solid-pastel / solid-saturated / gradient-linear / gradient-radial / paper-texture / grid\\n- Adjust decorations - options: hearts / stars-sparkles / flowers / clouds / leaves / confetti\\n- Type custom element preferences\\n\\n**After response**:\\n- Single strategy → copy to `outline.md` with confirmed style\\n- Combination → merge specified pages with confirmed style\\n- Custom request → regenerate based on feedback\\n- Style defaults → use preset\'s Element Combination as-is\\n- Background adjustment → update elements.background with user choice\\n- Decorations adjustment → update elements.decorations with user choice\\n- Custom elements → parse user\'s preferences into elements fields\\n- Update `outline.md` frontmatter with final style and elements\\n\\n### Step 5: Generate Images\\n\\nWith confirmed outline + style + layout:\\n\\n**Visual Consistency — Reference Image Chain**:\\nTo ensure character/style consistency across all images in a series:\\n1. **Generate image 1 (cover) FIRST** — without `--ref`\\n2. **Use image 1 as `--ref` for ALL remaining images** (2, 3, ..., N)\\n   - This anchors the character design, color rendering, and illustration style\\n   - Command pattern: `--ref <path-to-image-01.png>` added to every subsequent generation\\n\\nThis is critical for styles that use recurring characters, mascots, or illustration elements. Image 1 becomes the visual anchor for the entire series.\\n\\n**For each image (cover + content + ending)**:\\n1. Save prompt to `prompts/NN-{type}-[slug].md` (in user\'s preferred language)\\n   - **Backup rule**: If prompt file exists, rename to `prompts/NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.md`\\n2. Generate image:\\n   - **Image 1**: Generate without `--ref` (this establishes the visual anchor)\\n   - **Images 2+**: Generate with `--ref <image-01-path>` for consistency\\n   - **Backup rule**: If image file exists, rename to `NN-{type}-[slug]-backup-YYYYMMDD-HHMMSS.png`\\n3. Report progress after each generation\\n\\n**Watermark Application** (if enabled in preferences):\\nAdd to each image generation prompt:\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position].\\nThe watermark should be legible but not distracting from the main content.\\n```\\nReference: `references/config/watermark-guide.md`\\n\\n**Image Generation Skill Selection**:\\n- Check available image generation skills\\n- If multiple skills available, ask user preference\\n\\n**Session Management**:\\nIf image generation skill supports `--sessionId`:\\n1. Generate unique session ID: `xhs-{topic-slug}-{timestamp}`\\n2. Use same session ID for all images\\n3. Combined with reference image chain, ensures maximum visual consistency\\n\\n### Step 6: Completion Report\\n\\n```\\nXiaohongshu Infographic Series Complete!\\n\\nTopic: [topic]\\nStrategy: [A/B/C/Combined]\\nStyle: [style name]\\nLayout: [layout name or \\"varies\\"]\\nLocation: [directory path]\\nImages: N total\\n\\n✓ analysis.md\\n✓ outline-strategy-a.md\\n✓ outline-strategy-b.md\\n✓ outline-strategy-c.md\\n✓ outline.md (selected: [strategy])\\n\\nFiles:\\n- 01-cover-[slug].png ✓ Cover (sparse)\\n- 02-content-[slug].png ✓ Content (balanced)\\n- 03-content-[slug].png ✓ Content (dense)\\n- 04-ending-[slug].png ✓ Ending (sparse)\\n```\\n\\n## Image Modification\\n\\n| Action | Steps |\\n|--------|-------|\\n| **Edit** | **Update prompt file FIRST** → Regenerate with same session ID |\\n| **Add** | Specify position → Create prompt → Generate → Renumber subsequent files (NN+1) → Update outline |\\n| **Delete** | Remove files → Renumber subsequent (NN-1) → Update outline |\\n\\n**IMPORTANT**: When updating images, ALWAYS update the prompt file (`prompts/NN-{type}-[slug].md`) FIRST before regenerating. This ensures changes are documented and reproducible.\\n\\n## Content Breakdown Principles\\n\\n1. **Cover (Image 1)**: Hook + visual impact → `sparse` layout\\n2. **Content (Middle)**: Core value per image → `balanced`/`dense`/`list`/`comparison`/`flow`\\n3. **Ending (Last)**: CTA / summary → `sparse` or `balanced`\\n\\n**Style × Layout Matrix** (✓✓ = highly recommended, ✓ = works well):\\n\\n| | sparse | balanced | dense | list | comparison | flow | mindmap | quadrant |\\n|---|:---:|:---:|:---:|:---:|:---:|:---:|:---:|:---:|\\n| cute | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ |\\n| fresh | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ |\\n| warm | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ |\\n| bold | ✓✓ | ✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ |\\n| minimal | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ | ✓ |\\n| retro | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓ | ✓ | ✓ | ✓ |\\n| pop | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓ |\\n| notion | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓✓ |\\n| chalkboard | ✓✓ | ✓✓ | ✓✓ | ✓✓ | ✓ | ✓✓ | ✓✓ | ✓ |\\n| study-notes | ✗ | ✓ | ✓✓ | ✓✓ | ✓ | ✓ | ✓✓ | ✓ |\\n\\n## References\\n\\nDetailed templates in `references/` directory:\\n\\n**Elements** (Visual building blocks):\\n- `elements/canvas.md` - Aspect ratios, safe zones, grid layouts\\n- `elements/image-effects.md` - Cutout, stroke, filters\\n- `elements/typography.md` - Decorated text (花字), tags, text direction\\n- `elements/decorations.md` - Emphasis marks, backgrounds, doodles, frames\\n\\n**Presets** (Style presets):\\n- `presets/<name>.md` - Element combination definitions (cute, notion, warm...)\\n\\n**Workflows** (Process guides):\\n- `workflows/analysis-framework.md` - Content analysis framework\\n- `workflows/outline-template.md` - Outline template with layout guide\\n- `workflows/prompt-assembly.md` - Prompt assembly guide\\n\\n**Config** (Settings):\\n- `config/preferences-schema.md` - EXTEND.md schema\\n- `config/first-time-setup.md` - First-time setup flow\\n- `config/watermark-guide.md` - Watermark configuration\\n\\n## Notes\\n\\n- Auto-retry once on failure | Cartoon alternatives for sensitive figures\\n- Use confirmed language preference | Maintain style consistency\\n- **Two confirmation points required** (Steps 2 & 4) - do not skip\\n\\n## Extension Support\\n\\nCustom configurations via EXTEND.md. See **Step 0** for paths and supported options.\\n\\n---\\n\\n## Reference: config/first-time-setup.md\\n\\n---\\nname: first-time-setup\\ndescription: First-time setup flow for baoyu-xhs-images preferences\\n---\\n\\n# First-Time Setup\\n\\n## Overview\\n\\nWhen no EXTEND.md is found, guide user through preference setup.\\n\\n**⛔ BLOCKING OPERATION**: This setup MUST complete before ANY other workflow steps. Do NOT:\\n- Ask about content/article\\n- Ask about style or layout\\n- Ask about target audience\\n- Proceed to content analysis\\n\\nONLY ask the questions in this setup flow, save EXTEND.md, then continue.\\n\\n## Setup Flow\\n\\n```\\nNo EXTEND.md found\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ AskUserQuestion     │\\n│ (all questions)     │\\n└─────────────────────┘\\n        │\\n        ▼\\n┌─────────────────────┐\\n│ Create EXTEND.md    │\\n└─────────────────────┘\\n        │\\n        ▼\\n    Continue to Step 1\\n```\\n\\n## Questions\\n\\n**Language**: Use user\'s input language or saved language preference.\\n\\nUse single AskUserQuestion with multiple questions (AskUserQuestion auto-adds \\"Other\\" option):\\n\\n### Question 1: Watermark\\n\\n```\\nheader: \\"Watermark\\"\\nquestion: \\"Watermark text for generated images? Type your watermark content (e.g., name, @handle)\\"\\noptions:\\n  - label: \\"No watermark (Recommended)\\"\\n    description: \\"No watermark, can enable later in EXTEND.md\\"\\n```\\n\\nPosition defaults to bottom-right.\\n\\n### Question 2: Preferred Style\\n\\n```\\nheader: \\"Style\\"\\nquestion: \\"Default visual style preference? Or type another style name or your custom style\\"\\noptions:\\n  - label: \\"None (Recommended)\\"\\n    description: \\"Auto-select based on content analysis\\"\\n  - label: \\"cute\\"\\n    description: \\"Sweet, adorable - classic XHS aesthetic\\"\\n  - label: \\"notion\\"\\n    description: \\"Minimalist hand-drawn, intellectual\\"\\n```\\n\\n### Question 3: Save Location\\n\\n```\\nheader: \\"Save\\"\\nquestion: \\"Where to save preferences?\\"\\noptions:\\n  - label: \\"Project\\"\\n    description: \\".baoyu-skills/ (this project only)\\"\\n  - label: \\"User\\"\\n    description: \\"~/.baoyu-skills/ (all projects)\\"\\n```\\n\\n## Save Locations\\n\\n| Choice | Path | Scope |\\n|--------|------|-------|\\n| Project | `.baoyu-skills/baoyu-xhs-images/EXTEND.md` | Current project |\\n| User | `~/.baoyu-skills/baoyu-xhs-images/EXTEND.md` | All projects |\\n\\n## After Setup\\n\\n1. Create directory if needed\\n2. Write EXTEND.md with frontmatter\\n3. Confirm: \\"Preferences saved to [path]\\"\\n4. Continue to Step 1\\n\\n## EXTEND.md Template\\n\\n```yaml\\n---\\nversion: 1\\nwatermark:\\n  enabled: [true/false]\\n  content: \\"[user input or empty]\\"\\n  position: bottom-right\\n  opacity: 0.7\\npreferred_style:\\n  name: [selected style or null]\\n  description: \\"\\"\\npreferred_layout: null\\nlanguage: null\\ncustom_styles: []\\n---\\n```\\n\\n## Modifying Preferences Later\\n\\nUsers can edit EXTEND.md directly or run setup again:\\n- Delete EXTEND.md to trigger setup\\n- Edit YAML frontmatter for quick changes\\n- Full schema: `config/preferences-schema.md`\\n\\n\\n---\\n\\n## Reference: config/preferences-schema.md\\n\\n---\\nname: preferences-schema\\ndescription: EXTEND.md YAML schema for baoyu-xhs-images user preferences\\n---\\n\\n# Preferences Schema\\n\\n## Full Schema\\n\\n```yaml\\n---\\nversion: 1\\n\\nwatermark:\\n  enabled: false\\n  content: \\"\\"\\n  position: bottom-right  # bottom-right|bottom-left|bottom-center|top-right\\n\\npreferred_style:\\n  name: null              # Built-in or custom style name\\n  description: \\"\\"         # Override/notes\\n\\npreferred_layout: null    # sparse|balanced|dense|list|comparison|flow\\n\\nlanguage: null            # zh|en|ja|ko|auto\\n\\ncustom_styles:\\n  - name: my-style\\n    description: \\"Style description\\"\\n    color_palette:\\n      primary: [\\"#FED7E2\\", \\"#FEEBC8\\"]\\n      background: \\"#FFFAF0\\"\\n      accents: [\\"#FF69B4\\", \\"#FF6B6B\\"]\\n    visual_elements: \\"Hearts, stars, sparkles\\"\\n    typography: \\"Rounded, bubbly hand lettering\\"\\n    best_for: \\"Lifestyle, beauty\\"\\n---\\n```\\n\\n## Field Reference\\n\\n| Field | Type | Default | Description |\\n|-------|------|---------|-------------|\\n| `version` | int | 1 | Schema version |\\n| `watermark.enabled` | bool | false | Enable watermark |\\n| `watermark.content` | string | \\"\\" | Watermark text (@username or custom) |\\n| `watermark.position` | enum | bottom-right | Position on image |\\n| `preferred_style.name` | string | null | Style name or null |\\n| `preferred_style.description` | string | \\"\\" | Custom notes/override |\\n| `preferred_layout` | string | null | Layout preference or null |\\n| `language` | string | null | Output language (null = auto-detect) |\\n| `custom_styles` | array | [] | User-defined styles |\\n\\n## Position Options\\n\\n| Value | Description |\\n|-------|-------------|\\n| `bottom-right` | Lower right corner (default, most common) |\\n| `bottom-left` | Lower left corner |\\n| `bottom-center` | Bottom center |\\n| `top-right` | Upper right corner |\\n\\n## Custom Style Fields\\n\\n| Field | Required | Description |\\n|-------|----------|-------------|\\n| `name` | Yes | Unique style identifier (kebab-case) |\\n| `description` | Yes | What the style conveys |\\n| `color_palette.primary` | No | Main colors (array) |\\n| `color_palette.background` | No | Background color |\\n| `color_palette.accents` | No | Accent colors (array) |\\n| `visual_elements` | No | Decorative elements |\\n| `typography` | No | Font/lettering style |\\n| `best_for` | No | Recommended content types |\\n\\n## Example: Minimal Preferences\\n\\n```yaml\\n---\\nversion: 1\\nwatermark:\\n  enabled: true\\n  content: \\"@myusername\\"\\npreferred_style:\\n  name: notion\\n---\\n```\\n\\n## Example: Full Preferences\\n\\n```yaml\\n---\\nversion: 1\\nwatermark:\\n  enabled: true\\n  content: \\"@myxhsaccount\\"\\n  position: bottom-right\\n\\npreferred_style:\\n  name: notion\\n  description: \\"Clean knowledge cards for tech content\\"\\n\\npreferred_layout: dense\\n\\nlanguage: zh\\n\\ncustom_styles:\\n  - name: corporate\\n    description: \\"Professional B2B style\\"\\n    color_palette:\\n      primary: [\\"#1E3A5F\\", \\"#4A90D9\\"]\\n      background: \\"#F5F7FA\\"\\n      accents: [\\"#00B4D8\\", \\"#48CAE4\\"]\\n    visual_elements: \\"Clean lines, subtle gradients, geometric shapes\\"\\n    typography: \\"Modern sans-serif, professional\\"\\n    best_for: \\"Business, SaaS, enterprise\\"\\n---\\n```\\n\\n\\n---\\n\\n## Reference: config/watermark-guide.md\\n\\n---\\nname: watermark-guide\\ndescription: Watermark configuration guide for baoyu-xhs-images\\n---\\n\\n# Watermark Guide\\n\\n## Position Diagram\\n\\n```\\n┌─────────────────────────────┐\\n│                  [top-right]│\\n│                             │\\n│                             │\\n│         IMAGE CONTENT       │\\n│                             │\\n│                             │\\n│[bottom-left][bottom-center][bottom-right]│\\n└─────────────────────────────┘\\n```\\n\\n## Position Recommendations\\n\\n| Position | Best For | Avoid When |\\n|----------|----------|------------|\\n| `bottom-right` | Default choice, most common | Key info in bottom-right |\\n| `bottom-left` | Right-heavy layouts | Key info in bottom-left |\\n| `bottom-center` | Centered designs | Text-heavy bottom area |\\n| `top-right` | Bottom-heavy content | Title/header in top-right |\\n\\n## Content Format\\n\\n| Format | Example | Style |\\n|--------|---------|-------|\\n| Handle | `@username` | Most common for XHS |\\n| Text | `MyBrand` | Simple branding |\\n| Chinese | `小红书:用户名` | Platform specific |\\n| URL | `myblog.com` | Cross-platform |\\n\\n## Best Practices\\n\\n1. **Consistency**: Use same watermark across all images in series\\n2. **Legibility**: Ensure watermark readable on both light/dark areas\\n3. **Size**: Keep subtle - should not distract from content\\n\\n## Prompt Integration\\n\\nWhen watermark is enabled, add to image generation prompt:\\n\\n```\\nInclude a subtle watermark \\"[content]\\" positioned at [position].\\nThe watermark should be legible but not distracting from the main content.\\n```\\n\\n## Common Issues\\n\\n| Issue | Solution |\\n|-------|----------|\\n| Watermark invisible | Adjust position or check contrast |\\n| Watermark too prominent | Change position or reduce size |\\n| Watermark overlaps content | Change position |\\n| Inconsistent across images | Use session ID for consistency |\\n\\n\\n---\\n\\n## Reference: elements/canvas.md\\n\\n# Canvas & Layout\\n\\nCore canvas specifications and layout grids for Xiaohongshu infographics.\\n\\n## Aspect Ratios\\n\\n| Name | Ratio | Pixels | Note |\\n|------|-------|--------|------|\\n| portrait-3-4 | 3:4 | 1242×1660 | Highest traffic on XHS (recommended) |\\n| square | 1:1 | 1242×1242 | Second recommended |\\n| portrait-2-3 | 2:3 | 1242×1863 | Taller format |\\n\\n**Default**: portrait-3-4 for maximum engagement.\\n\\n## Safe Zones\\n\\nAvoid placing critical content in these areas:\\n\\n| Zone | Position | Reason |\\n|------|----------|--------|\\n| bottom-overlay | Bottom 10% | Title bar overlay on mobile |\\n| top-right | Top-right corner | Like/share button overlay |\\n| bottom-right | Bottom-right corner | Watermark position |\\n\\n```\\n┌─────────────────────────────┐\\n│                 [like/share]│  ← top-right: avoid\\n│                             │\\n│                             │\\n│      ✓ SAFE CONTENT AREA    │\\n│                             │\\n│                             │\\n│  [title bar overlay area]   │  ← bottom 10%: avoid key info\\n└─────────────────────────────┘\\n```\\n\\n## Grid Layouts\\n\\n### Density-Based Layouts\\n\\n| Layout | Info Density | Whitespace | Points/Image | Best For |\\n|--------|--------------|------------|--------------|----------|\\n| sparse | Low | 60-70% | 1-2 | Covers, quotes, impactful statements |\\n| balanced | Medium | 40-50% | 3-4 | Standard content, tutorials |\\n| dense | High | 20-30% | 5-8 | Knowledge cards, cheat sheets |\\n\\n### Structure-Based Layouts\\n\\n| Layout | Structure | Items | Best For |\\n|--------|-----------|-------|----------|\\n| list | Vertical enumeration | 4-7 | Rankings, checklists, step guides |\\n| comparison | Left vs Right | 2 sections | Before/after, pros/cons |\\n| flow | Connected nodes | 3-6 steps | Processes, timelines, workflows |\\n| mindmap | Center radial | 4-8 branches | Concept maps, brainstorming, topic overview |\\n| quadrant | 4-section grid | 4 sections | SWOT analysis, priority matrix, classification |\\n\\n## Layout by Position\\n\\n| Position | Recommended Layout | Why |\\n|----------|-------------------|-----|\\n| Cover | sparse | Maximum visual impact, clear title |\\n| Setup | balanced | Context without overwhelming |\\n| Core | balanced/dense/list | Based on content density |\\n| Payoff | balanced/list | Clear takeaways |\\n| Ending | sparse | Clean CTA, memorable close |\\n\\n## Grid Cells\\n\\nFor multi-element compositions:\\n\\n| Name | Cells | Use Case |\\n|------|-------|----------|\\n| single | 1 | Hero image, maximum impact |\\n| dual | 2 | Before/after, comparison |\\n| triptych | 3 | Steps, process flow |\\n| quad | 4 | Product showcase |\\n| six-grid | 6 | Checklist, collection |\\n| nine-grid | 9 | Multi-image gallery |\\n\\n## Visual Balance\\n\\n### Sparse Layout\\n- Single focal point centered\\n- Breathing room on all sides\\n- Symmetrical composition\\n\\n### Balanced Layout\\n- Top-weighted title\\n- Evenly distributed content below\\n- Clear visual hierarchy\\n\\n### Dense Layout\\n- Organized grid structure\\n- Clear section boundaries\\n- Compact but readable spacing\\n\\n### List Layout\\n- Left-aligned items\\n- Clear number/bullet hierarchy\\n- Consistent item format\\n\\n### Comparison Layout\\n- Symmetrical left/right\\n- Clear visual contrast\\n- Divider between sections\\n\\n### Flow Layout\\n- Directional flow (top→bottom or left→right)\\n- Connected nodes with arrows\\n- Clear progression indicators\\n\\n### Mindmap Layout\\n- Central topic node\\n- Radial branches outward\\n- Hierarchical sub-branches\\n- Organic curved connections\\n\\n### Quadrant Layout\\n- 4-section grid (2×2)\\n- Clear axis labels\\n- Each quadrant with distinct content\\n- Optional circular variant for cycles\\n\\n\\n---\\n\\n## Reference: elements/decorations.md\\n\\n# Decorative Assets\\n\\nVisual embellishments and decorative elements for Xiaohongshu infographics.\\n\\n## Emphasis Marks (强调标记)\\n\\nElements to draw attention to specific content.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| red-arrow | Red arrow pointing to target | Product features, key points |\\n| circle-mark | Circle highlight annotation | Highlighting details |\\n| underline | Straight or wavy underline | Text emphasis |\\n| star-burst | Starburst explosion effect | Special offers, wow factor |\\n| checkmark | Checkmark/tick symbol | Completed items, pros |\\n| cross-mark | X mark symbol | Cons, things to avoid |\\n| exclamation | Exclamation point decoration | Important warnings |\\n| question | Question mark decoration | FAQ, curiosity |\\n| numbering | Circled numbers | Steps, rankings |\\n| bracket | Bracket highlighting | Grouping, emphasis |\\n\\n## Backgrounds (背景)\\n\\nBase layer treatments.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| solid-saturated | High-saturation solid color | Bold, energetic |\\n| solid-pastel | Soft pastel solid color | Cute, gentle |\\n| gradient-linear | Linear color gradient | Modern, dynamic |\\n| gradient-radial | Radial color gradient | Spotlight effect |\\n| frosted-glass | Frosted glass blur effect | Layered compositions |\\n| paper-texture | Paper or craft texture | Handmade aesthetic |\\n| fabric-texture | Fabric/cloth texture | Cozy, tactile |\\n| chalkboard | Blackboard texture | Educational content |\\n| grid | Subtle grid pattern | Structured, organized |\\n| dots | Polka dot pattern | Playful, retro |\\n\\n## Doodles & Emoji (涂鸦)\\n\\nHand-drawn decorative elements.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| hand-drawn-lines | Sketchy hand-drawn lines | Connections, borders |\\n| stars-sparkles | Stars and sparkle effects | Magic, excellence |\\n| flowers | Floral decorations | Beauty, feminine |\\n| hearts | Heart symbols | Love, favorites |\\n| clouds | Cloud shapes | Dreamy, thoughts |\\n| arrows-curvy | Curved directional arrows | Flow, direction |\\n| squiggles | Wavy squiggle lines | Energy, movement |\\n| confetti | Scattered confetti | Celebration |\\n| leaves | Leaf decorations | Nature, fresh |\\n| bubbles | Circular bubble shapes | Playful, light |\\n\\n## Emoji Integration\\n\\n| Category | Examples | Use Case |\\n|----------|----------|----------|\\n| Reactions | 🥹 😍 🤯 | Emotional emphasis |\\n| Objects | ✨ 💡 🎯 | Visual markers |\\n| Actions | 👇 👆 ➡️ | Directional cues |\\n| Nature | 🌸 🌿 ☀️ | Thematic decoration |\\n\\n## Frames (边框)\\n\\nContainer and border treatments.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| polaroid | Instant photo frame | Photo showcase |\\n| film-strip | Film negative border | Cinematic, retro |\\n| phone-screenshot | Mobile device mockup | App/screen content |\\n| torn-paper | Torn paper edge effect | Scrapbook aesthetic |\\n| rounded-rect | Rounded rectangle border | Clean containers |\\n| decorative | Ornate decorative border | Premium, elegant |\\n| tape-corners | Washi tape corners | Crafty, casual |\\n| stamp-border | Stamp perforated edge | Vintage, postal |\\n\\n## Dividers (分隔线)\\n\\nSection separators.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| line-simple | Simple horizontal line | Clean separation |\\n| line-dashed | Dashed line | Subtle division |\\n| line-wavy | Wavy line | Playful separation |\\n| dots-row | Row of dots | Decorative division |\\n| ornamental | Decorative flourish | Elegant separation |\\n\\n## Stickers (贴纸)\\n\\nPre-composed decorative elements.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| badge-new | \\"NEW\\" badge | New products |\\n| badge-hot | \\"HOT\\" badge | Trending items |\\n| badge-sale | Sale/discount badge | Promotions |\\n| seal-quality | Quality seal | Recommendations |\\n| ribbon-award | Award ribbon | Best picks |\\n| tag-price | Price tag shape | Pricing info |\\n\\n## Style-Specific Decorations\\n\\n### Cute Style\\n- Hearts, stars, sparkles\\n- Ribbon decorations, sticker-style\\n- Cute character elements\\n\\n### Notion Style\\n- Simple line doodles\\n- Geometric shapes, stick figures\\n- Maximum whitespace, minimal decoration\\n\\n### Warm Style\\n- Sun rays, coffee cups, cozy items\\n- Warm lighting effects\\n- Friendly, inviting decorations\\n\\n### Fresh Style\\n- Plant leaves, clouds, water drops\\n- Simple geometric shapes\\n- Open, breathing composition\\n\\n### Bold Style\\n- Exclamation marks, arrows\\n- Warning icons, strong shapes\\n- High contrast elements\\n\\n### Pop Style\\n- Bold shapes, speech bubbles\\n- Comic-style effects, starburst\\n- Dynamic, energetic decorations\\n\\n### Retro Style\\n- Halftone dots, vintage badges\\n- Classic icons, tape effects\\n- Aged texture overlays\\n\\n### Chalkboard Style\\n- Chalk dust effects\\n- Hand-drawn doodles\\n- Mathematical formulas, simple icons\\n\\n\\n---\\n\\n## Reference: elements/image-effects.md\\n\\n# Image Processing Layer\\n\\nVisual effects applied to image elements in Xiaohongshu infographics.\\n\\n## AI Cutout (抠图)\\n\\nSubject extraction styles for product/figure isolation.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| clean | Sharp edges, precise boundaries | Product photography, tech items |\\n| soft | Soft transition, feathered edges | Portrait cutout, organic subjects |\\n| stylized | Hand-drawn edge treatment | Artistic compositions |\\n\\n## Stroke Effects (描边)\\n\\nBorder treatments for cutout elements.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| white-solid | White solid line border | Classic sticker feel, high contrast |\\n| colored-solid | Colored solid line border | Playful vibe, brand colors |\\n| dashed | Dashed/dotted border | Handmade aesthetic, casual |\\n| double | Double-layer stroke | Emphasis effect, premium feel |\\n| glow | Soft outer glow | Dreamy, soft aesthetic |\\n| shadow | Drop shadow effect | Depth, floating element |\\n\\n**Stroke Width Guidelines**:\\n- Thin: 2-4px - Subtle, elegant\\n- Medium: 5-8px - Standard visibility\\n- Thick: 10-15px - Bold emphasis\\n\\n## Filters (滤镜)\\n\\nColor grading and mood presets popular on XHS.\\n\\n| Name | Chinese | Description | Mood |\\n|------|---------|-------------|------|\\n| clear-glow | 清透感 | Transparent, radiant, luminous | Fresh, youthful |\\n| film-grain | 胶片感 | Vintage film aesthetic, grain texture | Nostalgic, artistic |\\n| cream-skin | 奶油肌 | Smooth, creamy complexion tones | Soft, flattering |\\n| japanese-magazine | 日杂感 | Lifestyle magazine aesthetic | Curated, aspirational |\\n| high-saturation | 高饱和 | Vibrant, punchy colors | Energetic, eye-catching |\\n| muted-tones | 莫兰迪 | Morandi-style desaturated palette | Sophisticated, calm |\\n| warm-tone | 暖色调 | Golden hour warmth | Cozy, inviting |\\n| cool-tone | 冷色调 | Blue-shifted coolness | Modern, clean |\\n\\n## Texture Overlays\\n\\nAdditional texture effects.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| paper | Paper or fabric texture | Handmade feel |\\n| noise | Fine grain noise | Analog aesthetic |\\n| halftone | Dot pattern | Retro print style |\\n| scratch | Light scratch marks | Vintage wear |\\n\\n## Blending Modes\\n\\nFor layered compositions.\\n\\n| Mode | Effect | Use Case |\\n|------|--------|----------|\\n| multiply | Darken, merge | Shadow effects |\\n| screen | Lighten, glow | Light effects |\\n| overlay | Contrast boost | Vibrant compositions |\\n| soft-light | Subtle blending | Natural layering |\\n\\n## Effect Combinations\\n\\nCommon effect stacks for different styles:\\n\\n### Cute Style\\n- Filter: clear-glow or cream-skin\\n- Stroke: white-solid (medium)\\n- Texture: none\\n\\n### Notion Style\\n- Filter: none or muted-tones\\n- Stroke: white-solid (thin) or none\\n- Texture: paper (subtle)\\n\\n### Retro Style\\n- Filter: film-grain\\n- Stroke: double or dashed\\n- Texture: halftone, scratch\\n\\n### Bold Style\\n- Filter: high-saturation\\n- Stroke: colored-solid (thick)\\n- Texture: none\\n\\n\\n---\\n\\n## Reference: elements/typography.md\\n\\n# Typography System\\n\\nText styling elements for Xiaohongshu infographics.\\n\\n## Decorated Text (花字)\\n\\nStylized text treatments for emphasis and visual appeal.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| gradient | Gradient color fill | Title emphasis, modern feel |\\n| stroke-text | Outlined text with stroke | Cover headlines, high visibility |\\n| shadow-3d | 3D shadow/extrusion effect | Key terms, depth |\\n| highlight | Highlighter marker effect | Critical information, key points |\\n| neon | Neon glow effect | Tech content, night aesthetic |\\n| handwritten | Authentic handwritten style | Personal touch, casual |\\n| bubble | Rounded, inflated letterforms | Cute, playful content |\\n| brush | Brush stroke texture | Artistic, dynamic |\\n\\n## Tags & Labels (标签)\\n\\nStructured text containers.\\n\\n| Name | Description | Use Case |\\n|------|-------------|----------|\\n| black-white | Black background, white text | Brand names, prices, categories |\\n| white-black | White background, black text | Clean labels, minimal style |\\n| bubble | Speech bubble style | Dialogue, annotations, callouts |\\n| pointer | Arrow pointer with label | Product callouts, pointing to features |\\n| ribbon | Ribbon/banner shape | Special offers, highlights |\\n| stamp | Stamp/seal style | Authenticity, recommendations |\\n| pill | Rounded pill shape | Tags, categories, keywords |\\n\\n## Text Hierarchy\\n\\nRecommended text sizing for visual hierarchy.\\n\\n| Level | Role | Relative Size | Style |\\n|-------|------|---------------|-------|\\n| H1 | Main title | 100% | Bold, decorated |\\n| H2 | Section header | 70-80% | Semi-bold |\\n| H3 | Subsection | 50-60% | Medium weight |\\n| Body | Content text | 40-50% | Regular |\\n| Caption | Small notes | 30-35% | Light |\\n\\n## Text Direction\\n\\n| Direction | Description | Use Case |\\n|-----------|-------------|----------|\\n| horizontal | Standard left-to-right | Default for most content |\\n| vertical | Top-to-bottom columns | Magazine style, traditional Chinese |\\n| curved | Text following a curve | Decorative, around shapes |\\n| diagonal | Angled text | Dynamic compositions |\\n\\n## Text Effects\\n\\n| Effect | Description | Use Case |\\n|--------|-------------|----------|\\n| shadow | Drop shadow behind text | Readability on busy backgrounds |\\n| outline | Outline around letterforms | High contrast visibility |\\n| glow | Soft glow around text | Dreamy, emphasis |\\n| underline-wavy | Wavy underline decoration | Playful emphasis |\\n| strikethrough | Crossed out text | Before/after, corrections |\\n\\n## Language Considerations\\n\\n### Chinese Text (中文)\\n- Punctuation: 「」（）、。！？\\n- Spacing: No spaces between characters\\n- Line height: 1.5-1.8x for readability\\n\\n### Mixed Text\\n- English in Chinese context: Maintain consistent baseline\\n- Numbers: Use consistent number style (lining vs old-style)\\n\\n## Style-Specific Typography\\n\\n### Cute Style\\n- Rounded, bubbly hand lettering\\n- Soft shadows, playful decorations\\n- Pink/pastel color accents\\n\\n### Notion Style\\n- Clean hand-drawn lettering\\n- Simple sans-serif labels\\n- Minimal decoration\\n\\n### Bold Style\\n- Impactful hand lettering with shadows\\n- High contrast colors\\n- Strong outlines\\n\\n### Chalkboard Style\\n- Chalk texture on all text\\n- Visible imperfections\\n- Multi-color chalk variety\\n\\n\\n---\\n\\n## Reference: presets/bold.md\\n\\n---\\nname: bold\\ncategory: impact\\n---\\n\\n# Bold Style\\n\\nHigh impact, attention-grabbing aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | dual\\n\\nimage_effects:\\n  cutout: clean\\n  stroke: colored-solid | double\\n  filter: high-saturation\\n\\ntypography:\\n  decorated: shadow-3d | stroke-text\\n  tags: black-white | ribbon\\n  direction: horizontal | diagonal\\n\\ndecorations:\\n  emphasis: exclamation | star-burst | red-arrow\\n  background: solid-saturated | gradient-linear\\n  doodles: arrows-curvy | squiggles\\n  frames: none\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Vibrant red, orange, yellow | #E53E3E, #DD6B20, #F6E05E |\\n| Background | Deep black, dark charcoal | #000000, #1A1A1A |\\n| Accents | White, neon yellow | #FFFFFF, #F7FF00 |\\n\\n## Visual Elements\\n\\n- Exclamation marks, arrows, warning icons\\n- Strong shapes, high contrast elements\\n- Dramatic compositions\\n- Bold geometric forms\\n\\n## Typography\\n\\n- Bold, impactful hand lettering with shadows\\n- High contrast text treatments\\n- Large, commanding headlines\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Impactful statements |\\n| balanced | ✓ | Warning content |\\n| dense | ✓ | Critical information cards |\\n| list | ✓✓ | Must-know lists, rankings |\\n| comparison | ✓✓ | Dramatic contrasts |\\n| flow | ✓ | Critical process steps |\\n\\n## Best For\\n\\n- Important tips and warnings\\n- Must-know content\\n- Critical announcements\\n- Rankings and comparisons\\n- Attention-grabbing hooks\\n\\n\\n---\\n\\n## Reference: presets/chalkboard.md\\n\\n---\\nname: chalkboard\\ncategory: educational\\n---\\n\\n# Chalkboard Style\\n\\nBlack chalkboard background with colorful chalk drawing aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | dual | triptych\\n\\nimage_effects:\\n  cutout: stylized\\n  stroke: none\\n  filter: none\\n\\ntypography:\\n  decorated: handwritten\\n  tags: none\\n  direction: horizontal | vertical\\n\\ndecorations:\\n  emphasis: underline | circle-mark | arrows-curvy\\n  background: chalkboard\\n  doodles: hand-drawn-lines | stars-sparkles\\n  frames: none\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Background | Chalkboard black, green-black | #1A1A1A, #1C2B1C |\\n| Primary Text | Chalk white | #F5F5F5 |\\n| Accent 1 | Chalk yellow | #FFE566 |\\n| Accent 2 | Chalk pink | #FF9999 |\\n| Accent 3 | Chalk blue | #66B3FF |\\n| Accent 4 | Chalk green | #90EE90 |\\n| Accent 5 | Chalk orange | #FFB366 |\\n\\n## Visual Elements\\n\\n- Hand-drawn chalk illustrations with sketchy, imperfect lines\\n- Chalk dust effects around text and key elements\\n- Doodles: stars, arrows, underlines, circles, checkmarks\\n- Mathematical formulas and simple diagrams\\n- Eraser smudges and chalk residue textures\\n- Stick figures and simple icons\\n- Connection lines with hand-drawn feel\\n\\n## Typography\\n\\n- Hand-drawn chalk lettering style\\n- Visible chalk texture on all text\\n- Imperfect baseline adds authenticity\\n- White or bright colored chalk for emphasis\\n\\n## Style Rules\\n\\n### Do\\n- Maintain authentic chalk texture on all elements\\n- Use imperfect, hand-drawn quality throughout\\n- Add subtle chalk dust and smudge effects\\n- Create visual hierarchy with color variety\\n- Include playful doodles and annotations\\n\\n### Don\'t\\n- Use perfect geometric shapes\\n- Create clean digital-looking lines\\n- Add photorealistic elements\\n- Use gradients or glossy effects\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Educational covers |\\n| balanced | ✓✓ | Standard lessons |\\n| dense | ✓✓ | Detailed tutorials |\\n| list | ✓✓ | Learning checklists |\\n| comparison | ✓ | Concept comparisons |\\n| flow | ✓✓ | Process explanations |\\n\\n## Best For\\n\\n- Educational content\\n- Tutorials and how-to\'s\\n- Classroom themes\\n- Teaching materials\\n- Workshops\\n- Informal learning sessions\\n- Knowledge sharing\\n\\n\\n---\\n\\n## Reference: presets/cute.md\\n\\n---\\nname: cute\\ncategory: sweet\\n---\\n\\n# Cute Style\\n\\nSweet, adorable, girly - classic Xiaohongshu aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | dual | quad\\n\\nimage_effects:\\n  cutout: soft\\n  stroke: white-solid | colored-solid\\n  filter: clear-glow | cream-skin\\n\\ntypography:\\n  decorated: bubble | highlight\\n  tags: pill | bubble\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: star-burst | hearts\\n  background: solid-pastel | gradient-linear\\n  doodles: hearts | stars-sparkles | flowers\\n  frames: polaroid | tape-corners\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Pink, peach, mint, lavender | #FED7E2, #FEEBC8, #C6F6D5, #E9D8FD |\\n| Background | Cream, soft pink | #FFFAF0, #FFF5F7 |\\n| Accents | Hot pink, coral | #FF69B4, #FF6B6B |\\n\\n## Visual Elements\\n\\n- Hearts, stars, sparkles, cute faces\\n- Ribbon decorations, sticker-style\\n- Cute stickers, emoji icons\\n- Soft, rounded shapes\\n\\n## Typography\\n\\n- Rounded, bubbly hand lettering\\n- Soft shadows, playful decorations\\n- Pink/pastel color accents on text\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Covers, emotional impact |\\n| balanced | ✓✓ | Standard cute content |\\n| dense | ✓ | Cute knowledge cards |\\n| list | ✓✓ | Checklists, cute rankings |\\n| comparison | ✓ | Before/after transformations |\\n| flow | ✓ | Cute step guides |\\n\\n## Best For\\n\\n- Lifestyle content\\n- Beauty and skincare\\n- Fashion and style\\n- Daily tips and hacks\\n- Personal shares\\n\\n\\n---\\n\\n## Reference: presets/fresh.md\\n\\n---\\nname: fresh\\ncategory: natural\\n---\\n\\n# Fresh Style\\n\\nClean, refreshing, natural aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | triptych\\n\\nimage_effects:\\n  cutout: soft\\n  stroke: white-solid | none\\n  filter: clear-glow | cool-tone\\n\\ntypography:\\n  decorated: none | highlight\\n  tags: pill | white-black\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: checkmark | circle-mark\\n  background: solid-white | solid-pastel\\n  doodles: leaves | clouds | bubbles\\n  frames: rounded-rect | none\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Mint green, sky blue, light yellow | #9AE6B4, #90CDF4, #FAF089 |\\n| Background | Pure white, soft mint | #FFFFFF, #F0FFF4 |\\n| Accents | Leaf green, water blue | #48BB78, #4299E1 |\\n\\n## Visual Elements\\n\\n- Plant leaves, clouds, water drops\\n- Simple geometric shapes\\n- Breathing room, open composition\\n- Natural, organic elements\\n\\n## Typography\\n\\n- Clean, light hand lettering with breathing room\\n- Airy spacing\\n- Fresh color accents\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Clean covers |\\n| balanced | ✓✓ | Standard fresh content |\\n| dense | ✓ | Organized information |\\n| list | ✓ | Wellness tips |\\n| comparison | ✓ | Before/after health |\\n| flow | ✓✓ | Organic processes |\\n\\n## Best For\\n\\n- Health and wellness\\n- Minimalist lifestyle\\n- Self-care content\\n- Nature-related topics\\n- Clean living tips\\n\\n\\n---\\n\\n## Reference: presets/minimal.md\\n\\n---\\nname: minimal\\ncategory: elegant\\n---\\n\\n# Minimal Style\\n\\nUltra-clean, sophisticated aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single\\n\\nimage_effects:\\n  cutout: clean\\n  stroke: none | white-solid\\n  filter: none | muted-tones\\n\\ntypography:\\n  decorated: none\\n  tags: white-black | pill\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: underline | circle-mark\\n  background: solid-white | solid-pastel\\n  doodles: hand-drawn-lines\\n  frames: none | rounded-rect\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Black, white | #000000, #FFFFFF |\\n| Background | Off-white, pure white | #FAFAFA, #FFFFFF |\\n| Accents | Single color (content-derived) | Blue, green, or coral |\\n\\n## Visual Elements\\n\\n- Single focal point, thin lines\\n- Maximum whitespace\\n- Simple, clean decorations\\n- Restrained visual elements\\n\\n## Typography\\n\\n- Clean, simple hand lettering\\n- Minimal weight variations\\n- Elegant spacing\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Elegant statements |\\n| balanced | ✓✓ | Professional content |\\n| dense | ✓✓ | Clean knowledge cards |\\n| list | ✓ | Simple lists |\\n| comparison | ✓ | Clean comparisons |\\n| flow | ✓ | Elegant processes |\\n\\n## Best For\\n\\n- Professional content\\n- Serious topics\\n- Elegant presentations\\n- High-end products\\n- Business content\\n\\n\\n---\\n\\n## Reference: presets/notion.md\\n\\n---\\nname: notion\\ncategory: minimal\\n---\\n\\n# Notion Style\\n\\nMinimalist hand-drawn line art, intellectual aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | dual\\n\\nimage_effects:\\n  cutout: clean\\n  stroke: none | white-solid\\n  filter: none | muted-tones\\n\\ntypography:\\n  decorated: none | handwritten\\n  tags: black-white | pill\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: circle-mark | underline\\n  background: solid-white | paper-texture\\n  doodles: hand-drawn-lines | arrows-curvy\\n  frames: none | rounded-rect\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Black, dark gray | #1A1A1A, #4A4A4A |\\n| Background | Pure white, off-white | #FFFFFF, #FAFAFA |\\n| Accents | Pastel blue, pastel yellow, pastel pink | #A8D4F0, #F9E79F, #FADBD8 |\\n\\n## Visual Elements\\n\\n- Simple line doodles, hand-drawn wobble effect\\n- Geometric shapes, stick figures\\n- Maximum whitespace, single-weight ink lines\\n- Clean, uncluttered compositions\\n\\n## Typography\\n\\n- Clean hand-drawn lettering\\n- Simple sans-serif labels\\n- Minimal decoration on text\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Concept covers |\\n| balanced | ✓✓ | Standard explanations |\\n| dense | ✓✓ | Knowledge cards, cheat sheets |\\n| list | ✓✓ | Productivity tips, tool lists |\\n| comparison | ✓✓ | Data comparisons |\\n| flow | ✓✓ | Process diagrams |\\n\\n## Best For\\n\\n- Knowledge sharing\\n- Concept explanations\\n- SaaS content\\n- Productivity tips\\n- Tech tutorials\\n- Professional content\\n\\n\\n---\\n\\n## Reference: presets/pop.md\\n\\n---\\nname: pop\\ncategory: energetic\\n---\\n\\n# Pop Style\\n\\nVibrant, energetic, eye-catching aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | quad\\n\\nimage_effects:\\n  cutout: stylized\\n  stroke: colored-solid | double\\n  filter: high-saturation\\n\\ntypography:\\n  decorated: stroke-text | shadow-3d\\n  tags: bubble | ribbon\\n  direction: horizontal | curved\\n\\ndecorations:\\n  emphasis: star-burst | exclamation\\n  background: solid-saturated | dots\\n  doodles: stars-sparkles | confetti | squiggles\\n  frames: none\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Bright red, yellow, blue, green | #F56565, #ECC94B, #4299E1, #48BB78 |\\n| Background | White, light gray | #FFFFFF, #F7FAFC |\\n| Accents | Neon pink, electric purple | #FF69B4, #9F7AEA |\\n\\n## Visual Elements\\n\\n- Bold shapes, speech bubbles\\n- Comic-style effects, starburst\\n- Dynamic, energetic compositions\\n- High-energy decorations\\n\\n## Typography\\n\\n- Dynamic, energetic hand lettering with outlines\\n- Bold color combinations\\n- Playful, expressive forms\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Exciting announcements |\\n| balanced | ✓✓ | Fun tutorials |\\n| dense | ✓ | Packed information |\\n| list | ✓✓ | Fun facts lists |\\n| comparison | ✓✓ | Dynamic comparisons |\\n| flow | ✓ | Energetic processes |\\n\\n## Best For\\n\\n- Exciting announcements\\n- Fun facts\\n- Engaging tutorials\\n- Entertainment content\\n- Youth-oriented content\\n\\n\\n---\\n\\n## Reference: presets/retro.md\\n\\n---\\nname: retro\\ncategory: vintage\\n---\\n\\n# Retro Style\\n\\nVintage, nostalgic, trendy aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | dual\\n\\nimage_effects:\\n  cutout: stylized\\n  stroke: dashed | double\\n  filter: film-grain | muted-tones\\n\\ntypography:\\n  decorated: brush | handwritten\\n  tags: stamp | ribbon\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: star-burst | numbering\\n  background: paper-texture | dots\\n  doodles: stars-sparkles | squiggles\\n  frames: polaroid | film-strip | stamp-border\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Muted orange, dusty pink, faded teal | #E07A4D, #D4A5A5, #6B9999 |\\n| Background | Aged paper, sepia tones | #F5E6D3, #E8DCC8 |\\n| Accents | Faded red, vintage gold | #C55A5A, #B8860B |\\n\\n## Visual Elements\\n\\n- Halftone dots, vintage badges\\n- Classic icons, tape effects\\n- Aged texture overlays\\n- Nostalgic decorative elements\\n\\n## Typography\\n\\n- Vintage-style hand lettering\\n- Classic feel with imperfections\\n- Aged texture on text\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Vintage covers |\\n| balanced | ✓✓ | Classic content |\\n| dense | ✓ | Vintage knowledge cards |\\n| list | ✓✓ | Classic rankings |\\n| comparison | ✓ | Then vs now |\\n| flow | ✓ | Historical timelines |\\n\\n## Best For\\n\\n- Throwback content\\n- Classic tips\\n- Timeless advice\\n- Vintage aesthetics\\n- Nostalgic shares\\n\\n\\n---\\n\\n## Reference: presets/study-notes.md\\n\\n---\\nname: study-notes\\ncategory: realistic\\n---\\n\\n# Study Notes Style\\n\\nRealistic handwritten photo aesthetic - student notes style, dense and messy but readable.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single\\n\\nimage_effects:\\n  cutout: none\\n  stroke: none\\n  filter: natural-photo\\n\\ntypography:\\n  decorated: none\\n  tags: none\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: circle-mark | underline | checkmark | cross | star-simple\\n  background: lined-paper-white\\n  doodles: arrows-simple | margin-notes | corrections | explanatory-diagrams\\n  frames: none\\n```\\n\\n## Color Palette (Three-Color Annotation System)\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Blue ballpoint, Black ink | #1E3A5F, #1A1A1A |\\n| Highlights | Yellow highlighter | #FFFF00 (50% opacity) |\\n| Accents | Red pen (circles, underlines) | #CC0000 |\\n| Background | White lined paper | #FFFFFF |\\n\\n## Visual Elements\\n\\n- Realistic photo perspective: top-down view of study desk\\n- Hand holding blue ballpoint pen, actively underlining\\n- Extremely dense handwritten content, filling entire page\\n- Red pen annotations: circles, underlines, stars, boxes\\n- Yellow highlighter marking key terms\\n- Correction marks, cramped notes squeezed into margins\\n- Simple hand-drawn symbols: → * ✓ ✗ !\\n- Varying pen pressure creating lighter and darker strokes\\n\\n## Typography\\n\\n- Authentic student handwriting\\n- Messy but readable, clear structure maintained\\n- Varying font sizes (large titles, small body, tiny margin notes)\\n- CJK optimized\\n\\n## Content Structure\\n\\nThree-section layout:\\n\\n### Top Section\\n- Core topic (circled multiple times in red)\\n- First section title + 3-4 key points\\n- Arrow connections, red underlines\\n\\n### Middle Section\\n- Second section title (red pen box)\\n- Numbered steps ①②③\\n- Specific methods and supplementary notes\\n\\n### Bottom Section\\n- Third section title (red star)\\n- Time points / key metrics\\n- Key quotes / core tips (tiny corner notes)\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✗ | Not suitable - style requires dense content |\\n| balanced | ✓ | When content is lighter |\\n| dense | ✓✓ | Best fit - knowledge notes, summaries |\\n| list | ✓✓ | Step checklists, rankings |\\n| comparison | ✓ | Comparative analysis |\\n| flow | ✓ | Process flows |\\n| mindmap | ✓✓ | Mind map notes |\\n| quadrant | ✓ | Quadrant analysis |\\n\\n## Best For\\n\\n- Study guides, exam notes\\n- Knowledge organization, framework summaries\\n- Tutorial summaries, quick notes\\n- \\"Top student notes\\" style content\\n- Knowledge sharing requiring authentic feel\\n\\n## Style Rules\\n\\n### DO ✓\\n- Keep content extremely dense\\n- Use simple symbols (→ * ✓ ✗ !)\\n- Annotate key points with red pen\\n- Include correction marks\\n- Squeeze tiny notes into margins\\n\\n### DON\'T ✗\\n- Use complex emojis\\n- Leave too much whitespace\\n- Make neat, tidy layouts\\n- Add colorful decorations\\n- Include cartoon elements\\n\\n\\n---\\n\\n## Reference: presets/warm.md\\n\\n---\\nname: warm\\ncategory: cozy\\n---\\n\\n# Warm Style\\n\\nCozy, friendly, approachable aesthetic.\\n\\n## Element Combination\\n\\n```yaml\\ncanvas:\\n  ratio: portrait-3-4\\n  grid: single | dual\\n\\nimage_effects:\\n  cutout: soft\\n  stroke: white-solid | glow\\n  filter: warm-tone | cream-skin\\n\\ntypography:\\n  decorated: highlight | handwritten\\n  tags: ribbon | bubble\\n  direction: horizontal\\n\\ndecorations:\\n  emphasis: star-burst | hearts\\n  background: solid-pastel | gradient-radial\\n  doodles: clouds | stars-sparkles\\n  frames: polaroid | tape-corners\\n```\\n\\n## Color Palette\\n\\n| Role | Colors | Hex |\\n|------|--------|-----|\\n| Primary | Warm orange, golden yellow, terracotta | #ED8936, #F6AD55, #C05621 |\\n| Background | Cream, soft peach | #FFFAF0, #FED7AA |\\n| Accents | Deep brown, soft red | #744210, #E57373 |\\n\\n## Visual Elements\\n\\n- Sun rays, coffee cups, cozy items\\n- Warm lighting effects\\n- Friendly, inviting decorations\\n- Soft, comfortable shapes\\n\\n## Typography\\n\\n- Friendly, rounded hand lettering\\n- Warm color accents\\n- Comfortable, approachable feel\\n\\n## Best Layout Pairings\\n\\n| Layout | Compatibility | Use Case |\\n|--------|---------------|----------|\\n| sparse | ✓✓ | Emotional covers |\\n| balanced | ✓✓ | Personal stories |\\n| dense | ✓ | Detailed experiences |\\n| list | ✓ | Life lessons |\\n| comparison | ✓✓ | Before/after stories |\\n| flow | ✓ | Journey narratives |\\n\\n## Best For\\n\\n- Personal stories\\n- Life lessons\\n- Emotional content\\n- Comfort and lifestyle\\n- Heartfelt shares\\n\\n\\n---\\n\\n## Reference: workflows/analysis-framework.md\\n\\n# Xiaohongshu Content Analysis Framework\\n\\nDeep analysis framework tailored for Xiaohongshu\'s unique engagement patterns.\\n\\n## Purpose\\n\\nBefore creating infographics, thoroughly analyze the source material to:\\n- Maximize hook power and swipe motivation\\n- Identify save-worthy and share-worthy elements\\n- Plan the visual narrative arc\\n- Match content to optimal style/layout\\n\\n## Platform Characteristics\\n\\nUnlike other platforms, Xiaohongshu content must prioritize:\\n- **Hook Power**: First image decides 90% of engagement\\n- **Swipe Motivation**: Each image must compel users to continue\\n- **Save Value**: Content worth bookmarking for later\\n- **Share Triggers**: Emotional resonance that drives sharing\\n\\n## Analysis Dimensions\\n\\n### 1. Content Type Classification\\n\\n| Type | Characteristics | Best Style | Best Layout |\\n|------|----------------|------------|-------------|\\n| 种草/安利 | Product recommendation, benefits focus | cute/fresh | balanced/list |\\n| 干货分享 | Knowledge, tips, how-to | notion | dense/list |\\n| 个人故事 | Personal experience, emotional | warm | balanced |\\n| 测评对比 | Review, comparison, pros/cons | bold/notion | comparison |\\n| 教程步骤 | Step-by-step guide | fresh/notion | flow/list |\\n| 避坑指南 | Warnings, mistakes to avoid | bold | list/comparison |\\n| 清单合集 | Collections, recommendations | cute/minimal | list/dense |\\n\\n### 2. Hook Analysis (爆款标题潜力)\\n\\nEvaluate title/hook potential using these patterns:\\n\\n**Hook Types**:\\n- **数字钩子**: \\"5个方法\\", \\"3分钟学会\\", \\"99%的人不知道\\"\\n- **痛点钩子**: \\"踩过的坑\\", \\"后悔没早知道\\", \\"别再...\\"\\n- **好奇钩子**: \\"原来...\\", \\"竟然...\\", \\"没想到...\\"\\n- **利益钩子**: \\"省钱\\", \\"变美\\", \\"效率翻倍\\"\\n- **身份钩子**: \\"打工人必看\\", \\"学生党\\", \\"新手妈妈\\"\\n\\n**Rating Scale**:\\n- ⭐⭐⭐⭐⭐ (5/5): Multiple strong hooks combined\\n- ⭐⭐⭐⭐ (4/5): Clear hook with room for enhancement\\n- ⭐⭐⭐ (3/5): Basic hook, needs strengthening\\n- ⭐⭐ (2/5): Weak hook, requires significant improvement\\n- ⭐ (1/5): No clear hook\\n\\n### 3. Target Audience (用户画像)\\n\\n| Audience | Interests | Preferred Style | Content Focus |\\n|----------|-----------|-----------------|---------------|\\n| 学生党 | 省钱、学习、校园 | cute/fresh | 平价、教程、学习方法 |\\n| 打工人 | 效率、职场、减压 | minimal/notion | 工具、技巧、摸鱼 |\\n| 宝妈 | 育儿、家居、省心 | warm/fresh | 实用、安全、经验 |\\n| 精致女孩 | 美妆、穿搭、仪式感 | cute/retro | 好看、氛围、品质 |\\n| 技术宅 | 工具、效率、极客 | notion/chalkboard | 深度、专业、新奇 |\\n| 美食爱好者 | 探店、食谱、测评 | warm/pop | 好吃、简单、颜值 |\\n| 旅行达人 | 攻略、打卡、小众 | fresh/retro | 省钱、避坑、拍照 |\\n\\n### 4. Engagement Potential\\n\\n**Save Value (收藏价值)**:\\n- Is it reference material? ✓ High save potential\\n- Is it a checklist or list? ✓ High save potential\\n- Is it a tutorial? ✓ High save potential\\n- Is it time-sensitive news? ✗ Low save potential\\n\\n**Share Triggers (分享冲动)**:\\n- \\"我朋友也需要看这个\\" → High share potential\\n- \\"这说的就是我\\" → Identity resonance\\n- \\"太有用了必须分享\\" → Utility sharing\\n- \\"笑死，给朋友看看\\" → Entertainment sharing\\n\\n**Comment Inducement (评论诱导)**:\\n- Open-ended questions: \\"你是哪种类型？\\"\\n- Experience sharing: \\"评论区说说你的经历\\"\\n- Debate triggers: \\"你觉得呢？\\"\\n- Help requests: \\"有更好的推荐吗？\\"\\n\\n**Interaction Design (互动设计)**:\\n- Polls: \\"A还是B？\\"\\n- Challenges: \\"你能做到几个？\\"\\n- Tags: \\"@你那个需要的朋友\\"\\n\\n### 5. Visual Opportunity Map\\n\\n| Content Element | Visual Treatment | Example |\\n|-----------------|------------------|---------|\\n| 数据/统计 | Highlighted numbers, simple charts | \\"节省80%时间\\" 大字突出 |\\n| 对比 | Before/after, side-by-side | 左右分屏对比图 |\\n| 步骤 | Numbered flow, arrows | 1→2→3 流程图 |\\n| 清单 | Checklist with icons | ✓/✗ 列表配图标 |\\n| 情感 | Character expressions, scenes | 卡通人物表情包 |\\n| 产品 | Product showcase, lifestyle | 产品实拍+使用场景 |\\n| 引用 | Quote cards, speech bubbles | 金句卡片设计 |\\n\\n### 6. Swipe Flow Design\\n\\nPlan the narrative arc across images:\\n\\n| Position | Purpose | Hook Strategy |\\n|----------|---------|---------------|\\n| **Cover (封面)** | Stop scrolling | 最强视觉冲击 + 核心标题 |\\n| **Setup (铺垫)** | Build context | 痛点共鸣 / 好奇心 |\\n| **Core (核心)** | Deliver value | 干货内容，每页1-2个要点 |\\n| **Payoff (收获)** | Practical takeaway | 可执行的行动建议 |\\n| **Ending (结尾)** | Drive action | CTA + 互动引导 |\\n\\n**Swipe Motivation Between Images**:\\n- End each image with a hook for the next\\n- Use \\"下一页更精彩\\" type transitions\\n- Create information gaps that require swiping\\n- Build anticipation through numbering (\\"第3个最重要\\")\\n\\n## Output Format\\n\\nAnalysis results should be saved to `analysis.md` with:\\n\\n```yaml\\n---\\ntitle: \\"5个让你效率翻倍的AI工具\\"\\ntopic: 干货分享\\ncontent_type: 工具推荐\\nsource_language: zh\\nuser_language: zh\\nrecommended_image_count: 6\\n---\\n\\n## Target Audience\\n\\n- **Primary**: 打工人、自由职业者 - 追求效率提升\\n- **Secondary**: 学生党 - 写论文、做作业需要\\n- **Tertiary**: 内容创作者 - 需要AI辅助\\n\\n## Hook Analysis\\n\\n**标题钩子评分**: ⭐⭐⭐⭐ (4/5)\\n- ✓ 数字钩子: \\"5个\\"\\n- ✓ 利益钩子: \\"效率翻倍\\"\\n- △ 可增强: 加入身份标签 \\"打工人必看\\"\\n\\n**建议优化**:\\n- 原标题: \\"5个让你效率翻倍的AI工具\\"\\n- 优化: \\"打工人必看！5个让我效率翻倍的AI神器\\"\\n\\n## Value Proposition\\n\\n**为什么用户要看？**\\n1. **实用价值**: 直接可用的工具推荐\\n2. **省时省力**: 不用自己筛选，直接抄作业\\n3. **FOMO**: 别人都在用，我不能落后\\n\\n**收藏理由**: 工具清单，需要时可以回来查\\n\\n## Engagement Design\\n\\n- **互动点**: 结尾问\\"你最常用哪个？\\"\\n- **评论诱导**: \\"还有什么好用的工具评论区分享\\"\\n- **分享触发**: 打工人会转发给同事\\n\\n## Content Signals\\n\\n- \\"AI工具\\" → notion + dense\\n- \\"效率\\" → notion + list\\n- \\"干货\\" → minimal + dense\\n\\n## Swipe Flow\\n\\n| Image | Position | Purpose | Hook |\\n|-------|----------|---------|------|\\n| 1 | Cover | 吸引停留 | 标题+视觉冲击 |\\n| 2 | Setup | 建立共鸣 | 为什么需要AI工具 |\\n| 3-5 | Core | 核心价值 | 每页1-2个工具详解 |\\n| 6 | Ending | 行动引导 | 总结+互动引导 |\\n\\n## Recommended Approaches\\n\\n1. **Notion + Dense** - 知识卡片风格，适合干货分享 (recommended)\\n2. **Notion + List** - 清爽知识卡片风格\\n3. **Minimal + Balanced** - 简约高端，适合职场人群\\n```\\n\\n## Analysis Checklist\\n\\nBefore proceeding to outline generation:\\n\\n- [ ] Can I identify the content type?\\n- [ ] Is the hook strong enough? (≥3 stars)\\n- [ ] Do I know the primary audience?\\n- [ ] Have I identified save/share triggers?\\n- [ ] Are there clear visual opportunities?\\n- [ ] Is the swipe flow planned?\\n- [ ] Have I selected 3 style+layout combinations?\\n\\n\\n---\\n\\n## Reference: workflows/outline-template.md\\n\\n# Xiaohongshu Outline Template\\n\\nTemplate for generating infographic series outlines with layout specifications.\\n\\n## File Naming\\n\\nOutline files use strategy identifier in the name:\\n- `outline-strategy-a.md` - Story-driven variant\\n- `outline-strategy-b.md` - Information-dense variant\\n- `outline-strategy-c.md` - Visual-first variant\\n- `outline.md` - Final selected (copied from chosen variant)\\n\\n## Image File Naming\\n\\nImages use meaningful slugs for readability:\\n```\\nNN-{type}-[slug].png\\nNN-{type}-[slug].md (in prompts/)\\n```\\n\\n| Type | Usage |\\n|------|-------|\\n| `cover` | First image (cover) |\\n| `content` | Middle content images |\\n| `ending` | Last image |\\n\\n**Examples**:\\n- `01-cover-ai-tools.png`\\n- `02-content-why-ai.png`\\n- `03-content-chatgpt.png`\\n- `04-content-midjourney.png`\\n- `05-content-notion-ai.png`\\n- `06-ending-summary.png`\\n\\n**Slug rules**:\\n- Derived from image content (kebab-case)\\n- Must be unique within the series\\n- Keep short but descriptive (2-4 words)\\n\\n## Layout Selection Guide\\n\\n### Density-Based Layouts\\n\\n| Layout | When to Use | Info Points | Whitespace |\\n|--------|-------------|-------------|------------|\\n| sparse | Covers, quotes, impact statements | 1-2 | 60-70% |\\n| balanced | Standard content, tutorials | 3-4 | 40-50% |\\n| dense | Knowledge cards, cheat sheets | 5-8 | 20-30% |\\n\\n### Structure-Based Layouts\\n\\n| Layout | When to Use | Structure |\\n|--------|-------------|-----------|\\n| list | Rankings, checklists, steps | Numbered/bulleted vertical |\\n| comparison | Before/after, pros/cons | Left vs right split |\\n| flow | Processes, timelines | Connected nodes with arrows |\\n\\n### Position-Based Recommendations\\n\\n| Position | Recommended | Reasoning |\\n|----------|-------------|-----------|\\n| Cover | sparse | Maximum impact, clear title |\\n| Setup | balanced | Context without overwhelming |\\n| Core | balanced/dense/list | Match content density |\\n| Payoff | balanced/list | Clear takeaways |\\n| Ending | sparse | Clean CTA, memorable |\\n\\n## Outline Format\\n\\n```markdown\\n# Xiaohongshu Infographic Series Outline\\n\\n---\\nstrategy: a  # a, b, or c\\nname: Story-Driven\\nstyle: notion\\ndefault_layout: dense\\nimage_count: 6\\ngenerated: YYYY-MM-DD HH:mm\\n---\\n\\n## Image 1 of 6\\n\\n**Position**: Cover\\n**Layout**: sparse\\n**Hook**: 打工人必看！\\n**Slug**: ai-tools\\n**Filename**: 01-cover-ai-tools.png\\n\\n**Text Content**:\\n- Title: 「5个AI神器让你效率翻倍」\\n- Subtitle: 亲测好用，建议收藏\\n\\n**Visual Concept**:\\n科技感背景，多个AI工具图标环绕，中心大标题，\\n霓虹蓝+深色背景，未来感十足\\n\\n**Swipe Hook**: 第一个就很强大👇\\n\\n---\\n\\n## Image 2 of 6\\n\\n**Position**: Content\\n**Layout**: balanced\\n**Core Message**: 为什么你需要AI工具\\n**Slug**: why-ai\\n**Filename**: 02-content-why-ai.png\\n\\n**Text Content**:\\n- Title: 「为什么要用AI？」\\n- Points:\\n  - 重复工作自动化\\n  - 创意辅助不卡壳\\n  - 效率提升10倍\\n\\n**Visual Concept**:\\n对比图：左边疲惫打工人，右边轻松使用AI的人\\n科技线条装饰，简洁有力\\n\\n**Swipe Hook**: 接下来是具体工具推荐👇\\n\\n---\\n\\n## Image 3 of 6\\n\\n**Position**: Content\\n**Layout**: dense\\n**Core Message**: ChatGPT使用技巧\\n**Slug**: chatgpt\\n**Filename**: 03-content-chatgpt.png\\n\\n**Text Content**:\\n- Title: 「ChatGPT」\\n- Subtitle: 最强AI助手\\n- Points:\\n  - 写文案：给出框架，秒出初稿\\n  - 改文章：润色、翻译、总结\\n  - 编程：写代码、找bug\\n  - 学习：解释概念、出题练习\\n\\n**Visual Concept**:\\nChatGPT logo居中，四周放射状展示功能点\\n深色科技背景，霓虹绿点缀\\n\\n**Swipe Hook**: 下一个更适合创意工作者👇\\n\\n---\\n\\n## Image 4 of 6\\n\\n**Position**: Content\\n**Layout**: dense\\n**Core Message**: Midjourney绘图\\n**Slug**: midjourney\\n**Filename**: 04-content-midjourney.png\\n\\n**Text Content**:\\n- Title: 「Midjourney」\\n- Subtitle: AI绘画神器\\n- Points:\\n  - 输入描述，秒出图片\\n  - 风格多样：写实/插画/3D\\n  - 做封面、做头像、做素材\\n  - 不会画画也能当设计师\\n\\n**Visual Concept**:\\n展示几张MJ生成的不同风格图片\\n画框/画布元素装饰\\n\\n**Swipe Hook**: 还有一个效率神器👇\\n\\n---\\n\\n## Image 5 of 6\\n\\n**Position**: Content\\n**Layout**: balanced\\n**Core Message**: Notion AI笔记\\n**Slug**: notion-ai\\n**Filename**: 05-content-notion-ai.png\\n\\n**Text Content**:\\n- Title: 「Notion AI」\\n- Subtitle: 智能笔记助手\\n- Points:\\n  - 自动总结长文\\n  - 头脑风暴出点子\\n  - 整理会议记录\\n\\n**Visual Concept**:\\nNotion界面风格，简洁黑白配色\\n展示笔记整理前后对比\\n\\n**Swipe Hook**: 最后总结一下👇\\n\\n---\\n\\n## Image 6 of 6\\n\\n**Position**: Ending\\n**Layout**: sparse\\n**Core Message**: 总结与互动\\n**Slug**: summary\\n**Filename**: 06-ending-summary.png\\n\\n**Text Content**:\\n- Title: 「工具只是工具」\\n- Subtitle: 关键是用起来！\\n- CTA: 收藏备用 | 转发给需要的朋友\\n- Interaction: 你最常用哪个？评论区见👇\\n\\n**Visual Concept**:\\n简洁背景，大字标题\\n底部互动引导文字\\n收藏/分享图标\\n\\n---\\n```\\n\\n## Swipe Hook Strategies\\n\\nEach image should end with a hook for the next:\\n\\n| Strategy | Example |\\n|----------|---------|\\n| Teaser | \\"第一个就很强大👇\\" |\\n| Numbering | \\"接下来是第2个👇\\" |\\n| Superlative | \\"下一个更厉害👇\\" |\\n| Question | \\"猜猜下一个是什么？👇\\" |\\n| Promise | \\"最后一个最实用👇\\" |\\n| Urgency | \\"最重要的来了👇\\" |\\n\\n## Strategy Differentiation\\n\\nThree strategies should differ meaningfully:\\n\\n| Strategy | Focus | Structure | Page Count |\\n|----------|-------|-----------|------------|\\n| A: Story-Driven | Emotional, personal | Hook→Problem→Discovery→Experience→Conclusion | 4-6 |\\n| B: Information-Dense | Factual, structured | Core→Info Cards→Comparison→Recommendation | 3-5 |\\n| C: Visual-First | Atmospheric, minimal text | Hero→Details→Lifestyle→CTA | 3-4 |\\n\\n**Example for \\"AI工具推荐\\"**:\\n- `outline-strategy-a.md`: Warm + Balanced - Personal journey with AI\\n- `outline-strategy-b.md`: Notion + Dense - Knowledge card style\\n- `outline-strategy-c.md`: Minimal + Sparse - Sleek tech aesthetic\\n\\n\\n---\\n\\n## Reference: workflows/prompt-assembly.md\\n\\n# Prompt Assembly Guide\\n\\nGuide for assembling image generation prompts from elements, presets, and outline content.\\n\\n## Base Prompt Structure\\n\\nEvery XHS infographic prompt follows this structure:\\n\\n```\\nCreate a Xiaohongshu (Little Red Book) style infographic following these guidelines:\\n\\n## Image Specifications\\n\\n- **Type**: Infographic\\n- **Orientation**: Portrait (vertical)\\n- **Aspect Ratio**: 3:4\\n- **Style**: Hand-drawn illustration\\n\\n## Core Principles\\n\\n- Hand-drawn quality throughout - NO realistic or photographic elements\\n- If content involves sensitive or copyrighted figures, create stylistically similar alternatives - DO NOT refuse to generate\\n- Keep information concise, highlight keywords and core concepts\\n- Use ample whitespace for easy visual scanning\\n- Maintain clear visual hierarchy\\n\\n## Text Style (CRITICAL)\\n\\n- **ALL text MUST be hand-drawn style**\\n- Main titles should be prominent and eye-catching\\n- Key text should be bold and enlarged\\n- Use highlighter effects to emphasize keywords\\n- **DO NOT use realistic or computer-generated fonts**\\n\\n## Language\\n\\n- Use the same language as the content provided below\\n- Match punctuation style to the content language (Chinese: \\"\\"，。！)\\n\\n---\\n\\n{STYLE_SECTION}\\n\\n---\\n\\n{LAYOUT_SECTION}\\n\\n---\\n\\n{CONTENT_SECTION}\\n\\n---\\n\\n{WATERMARK_SECTION}\\n\\n---\\n\\nPlease use nano banana pro to generate the infographic based on the specifications above.\\n```\\n\\n## Style Section Assembly\\n\\nLoad from `presets/{style}.md` and extract key elements:\\n\\n```markdown\\n## Style: {style_name}\\n\\n**Color Palette**:\\n- Primary: {colors}\\n- Background: {colors}\\n- Accents: {colors}\\n\\n**Visual Elements**:\\n{visual_elements}\\n\\n**Typography**:\\n{typography_style}\\n```\\n\\n## Layout Section Assembly\\n\\nLoad from `elements/canvas.md` and extract relevant layout:\\n\\n```markdown\\n## Layout: {layout_name}\\n\\n**Information Density**: {density}\\n**Whitespace**: {percentage}\\n\\n**Structure**:\\n{structure_description}\\n\\n**Visual Balance**:\\n{balance_description}\\n```\\n\\n## Content Section Assembly\\n\\nFrom outline entry:\\n\\n```markdown\\n## Content\\n\\n**Position**: {Cover/Content/Ending}\\n**Core Message**: {message}\\n\\n**Text Content**:\\n{text_list}\\n\\n**Visual Concept**:\\n{visual_description}\\n```\\n\\n## Watermark Section (if enabled)\\n\\n```markdown\\n## Watermark\\n\\nInclude a subtle watermark \\"{content}\\" positioned at {position}\\nwith approximately {opacity*100}% visibility. The watermark should\\nbe legible but not distracting from the main content.\\n```\\n\\n## Assembly Process\\n\\n### Step 1: Load Preset\\n\\n```python\\npreset = load_preset(style_name)  # e.g., \\"notion\\"\\n```\\n\\nExtract:\\n- Color palette\\n- Visual elements\\n- Typography style\\n- Best practices (do/don\'t)\\n\\n### Step 2: Load Layout\\n\\n```python\\nlayout = get_layout_from_canvas(layout_name)  # e.g., \\"dense\\"\\n```\\n\\nExtract:\\n- Information density guidelines\\n- Whitespace percentage\\n- Structure description\\n- Visual balance rules\\n\\n### Step 3: Format Content\\n\\nFrom outline entry, format:\\n- Position context (Cover/Content/Ending)\\n- Text content with hierarchy\\n- Visual concept description\\n- Swipe hook (for context, not in prompt)\\n\\n### Step 4: Add Watermark (if applicable)\\n\\nIf preferences include watermark:\\n- Add watermark section with content, position, opacity\\n\\n### Step 5: Visual Consistency — Reference Image Chain\\n\\nWhen generating multiple images in a series:\\n\\n1. **Image 1 (cover)**: Generate without `--ref` — this establishes the visual anchor\\n2. **Images 2+**: Always pass image 1 as `--ref` to the image generation skill:\\n   ```bash\\n   npx -y bun ${SKILL_DIR}/scripts/main.ts \\\\\\n     --promptfiles prompts/02-content-xxx.md \\\\\\n     --ref path/to/01-cover-xxx.png \\\\\\n     --image 02-content-xxx.png --ar 3:4 --quality 2k\\n   ```\\n   This ensures the AI maintains the same character design, illustration style, and color rendering across the series.\\n\\n### Step 6: Combine\\n\\nAssemble all sections into final prompt following base structure.\\n\\n## Example: Assembled Prompt\\n\\n```markdown\\nCreate a Xiaohongshu (Little Red Book) style infographic following these guidelines:\\n\\n## Image Specifications\\n\\n- **Type**: Infographic\\n- **Orientation**: Portrait (vertical)\\n- **Aspect Ratio**: 3:4\\n- **Style**: Hand-drawn illustration\\n\\n## Core Principles\\n\\n- Hand-drawn quality throughout - NO realistic or photographic elements\\n- If content involves sensitive or copyrighted figures, create stylistically similar alternatives\\n- Keep information concise, highlight keywords and core concepts\\n- Use ample whitespace for easy visual scanning\\n- Maintain clear visual hierarchy\\n\\n## Text Style (CRITICAL)\\n\\n- **ALL text MUST be hand-drawn style**\\n- Main titles should be prominent and eye-catching\\n- Key text should be bold and enlarged\\n- Use highlighter effects to emphasize keywords\\n- **DO NOT use realistic or computer-generated fonts**\\n\\n## Language\\n\\n- Use the same language as the content provided below\\n- Match punctuation style to the content language (Chinese: \\"\\"，。！)\\n\\n---\\n\\n## Style: Notion\\n\\n**Color Palette**:\\n- Primary: Black (#1A1A1A), dark gray (#4A4A4A)\\n- Background: Pure white (#FFFFFF), off-white (#FAFAFA)\\n- Accents: Pastel blue (#A8D4F0), pastel yellow (#F9E79F), pastel pink (#FADBD8)\\n\\n**Visual Elements**:\\n- Simple line doodles, hand-drawn wobble effect\\n- Geometric shapes, stick figures\\n- Maximum whitespace, single-weight ink lines\\n- Clean, uncluttered compositions\\n\\n**Typography**:\\n- Clean hand-drawn lettering\\n- Simple sans-serif labels\\n- Minimal decoration on text\\n\\n---\\n\\n## Layout: Dense\\n\\n**Information Density**: High (5-8 key points)\\n**Whitespace**: 20-30% of canvas\\n\\n**Structure**:\\n- Multiple sections, structured grid\\n- More text, compact but organized\\n- Title + multiple sections with headers + numerous points\\n\\n**Visual Balance**:\\n- Organized grid structure\\n- Clear section boundaries\\n- Compact but readable spacing\\n\\n---\\n\\n## Content\\n\\n**Position**: Content (Page 3 of 6)\\n**Core Message**: ChatGPT使用技巧\\n\\n**Text Content**:\\n- Title: 「ChatGPT」\\n- Subtitle: 最强AI助手\\n- Points:\\n  - 写文案：给出框架，秒出初稿\\n  - 改文章：润色、翻译、总结\\n  - 编程：写代码、找bug\\n  - 学习：解释概念、出题练习\\n\\n**Visual Concept**:\\nChatGPT logo居中，四周放射状展示功能点\\n深色科技背景，霓虹绿点缀\\n\\n---\\n\\n## Watermark\\n\\nInclude a subtle watermark \\"@myxhsaccount\\" positioned at bottom-right\\nwith approximately 50% visibility. The watermark should\\nbe legible but not distracting from the main content.\\n\\n---\\n\\nPlease use nano banana pro to generate the infographic based on the specifications above.\\n```\\n\\n## Prompt Checklist\\n\\nBefore generating, verify:\\n\\n- [ ] Style section loaded from correct preset\\n- [ ] Layout section matches outline specification\\n- [ ] Content accurately reflects outline entry\\n- [ ] Language matches source content\\n- [ ] Watermark included (if enabled in preferences)\\n- [ ] No conflicting instructions\\n","source":"baoyu-skills","category":"content-skills","outputType":"image"}]'),t={description:"Skills shared by Baoyu for improving daily work efficiency",version:"1.35.0",bundleVersion:"5f01e6c9b8c4"},a={name:e,skills:n,metadata:t};export{a as default,t as metadata,e as name,n as skills};