From utility-skills
Analyzes markdown article content, identifies positions needing visual aids, and generates illustrations in styles like tech, warm, minimal, playful, elegant.
npx claudepluginhub xuanxuan1983/baoyu-xuanyi-skills --plugin ai-generation-skillsThis skill uses the workspace's default tool permissions.
Analyze article structure and content, identify positions requiring visual aids, and generate illustrations with flexible style options.
Analyzes article structure, identifies positions for visual aids, generates illustrations using Type × Style × Palette approach. Useful for requests to illustrate articles or add images.
Analyzes article structure, identifies positions for visual aids, and generates illustrations using Type (infographic, flowchart, timeline) × Style (minimal, blueprint, watercolor) matrix. Invoke for article illustration requests.
Generates 1-10 cartoon-style infographic images for Xiaohongshu from Markdown files or pasted content, with 9 visual styles (cute, tech, notion) and 6 layouts (sparse, dense, list).
Share bugs, ideas, or general feedback.
Analyze article structure and content, identify positions requiring visual aids, and generate illustrations with flexible style options.
# Auto-select style based on content
/baoyu-article-illustrator path/to/article.md
# Specify a style
/baoyu-article-illustrator path/to/article.md --style tech
/baoyu-article-illustrator path/to/article.md --style warm
/baoyu-article-illustrator path/to/article.md --style minimal
# Combine with other options
/baoyu-article-illustrator path/to/article.md --style playful
| Option | Description |
|---|---|
--style <name> | Specify illustration style (see Style Gallery below) |
elegantRefined, sophisticated, professional
techModern, futuristic, digital
warmFriendly, approachable, human-centered
boldHigh contrast, impactful, energetic
minimalUltra-clean, zen-like, focused
playfulFun, creative, whimsical
natureOrganic, calm, earthy
sketchRaw, authentic, notebook-style
notion (Default)Minimalist hand-drawn line art, intellectual
When no --style is specified, analyze content to select the best style:
| Content Signals | Selected Style |
|---|---|
| AI, coding, tech, digital, algorithm, data | tech |
| Personal story, emotion, growth, life, feeling | warm |
| Warning, urgent, must-read, critical, important | bold |
| Simple, zen, focus, essential, core | minimal |
| Fun, easy, beginner, tutorial, guide, how-to | playful |
| Nature, eco, wellness, health, organic, green | nature |
| Idea, thought, concept, draft, brainstorm | sketch |
| Business, professional, strategy, analysis | elegant |
| Knowledge, concept, productivity, SaaS, notion | notion |
Each session creates an independent directory named by content slug:
illustrations/{topic-slug}/
├── source-{slug}.{ext} # Source files (text, images, etc.)
├── outline.md
├── outline-{style}.md # Style variant outlines
├── prompts/
│ ├── illustration-concept-a.md
│ ├── illustration-concept-b.md
│ └── ...
├── illustration-concept-a.png
├── illustration-concept-b.png
└── ...
Slug Generation:
future-of-aiIf illustrations/{topic-slug}/ already exists:
{topic-slug}-YYYYMMDD-HHMMSSai-future exists → ai-future-20260118-143052Copy all sources with naming source-{slug}.{ext}:
source-article.md (main text content)source-photo.jpg (image from conversation)source-reference.pdf (additional file)Multiple sources supported: text, images, files from conversation.
--style specified, use that styleThree Purposes of Illustrations:
Content Suitable for Illustrations:
Illustration Count:
# Illustration Plan
**Article**: [article path]
**Style**: [selected style]
**Illustration Count**: N images
---
## Illustration 1
**Insert Position**: [section name] / [paragraph description]
**Purpose**: [why illustration needed here]
**Visual Content**: [what the image should show]
**Filename**: illustration-[slug].png
---
## Illustration 2
...
Purpose: Let user confirm all options in a single step before image generation.
IMPORTANT: Present ALL options in a single confirmation step using AskUserQuestion. Do NOT interrupt workflow with multiple separate confirmations.
Generate 3 style variants:
outline-{style}.md (e.g., outline-notion.md, outline-tech.md, outline-warm.md)Determine which questions to ask:
| Question | When to Ask |
|---|---|
| Style variant | Always (required) |
| Language | Only if source_language ≠ user_language |
Present options (use AskUserQuestion with all applicable questions):
Question 1 (Style) - always:
Question 2 (Language) - only if source ≠ user language:
Language handling:
Apply selection:
outline-{style}.md to outline.mdoutline.md directly for fine-tuningProceed only after explicit user confirmation
Save prompts to prompts/ directory with style-specific details.
All prompts are written in the user's confirmed language preference.
Prompt Format:
Illustration theme: [concept in 2-3 words]
Style: [style name]
Visual composition:
- Main visual: [description matching style]
- Layout: [element positioning]
- Decorative elements: [style-appropriate decorations]
Color scheme:
- Primary: [style primary color]
- Background: [style background color]
- Accent: [style accent color]
Text content (if any):
- [Any labels or captions in content language]
Style notes: [specific style characteristics]
Image Generation Skill Selection:
Generation Flow:
Insert generated images at corresponding positions:

Insertion Rules:
Article Illustration Complete!
Article: [article path]
Style: [style name]
Generated: X/N images successful
Illustration Positions:
- illustration-xxx.png → After section "Section Name"
- illustration-yyy.png → After section "Another Section"
...
[If any failures]
Failed:
- illustration-zzz.png: [failure reason]
Support for modifying individual illustrations after initial generation.
Regenerate a specific illustration with modified prompt:
illustration-concept-overview.png)prompts/illustration-concept-overview.md if neededAdd a new illustration to the article:
illustration-new-concept.md)outline.md with new illustration entryRemove an illustration from the article:
illustration-concept-overview.png)outline.md to remove illustration entryFiles use meaningful slugs for better readability:
illustration-[slug].png
illustration-[slug].md (in prompts/)
Examples:
illustration-concept-overview.pngillustration-workflow-diagram.pngillustration-key-benefits.pngSlug rules:
Colors: Soft coral (#E8A598), muted teal (#5B8A8A), dusty rose (#D4A5A5)
Background: Warm cream (#F5F0E6), soft beige
Accents: Gold (#C9A962), copper
Elements: Delicate lines, refined icons, subtle gradients, balanced whitespace
Colors: Deep blue (#1A365D), electric cyan (#00D4FF), purple (#6B46C1)
Background: Dark gray (#1A202C), near-black (#0D1117)
Accents: Neon green (#00FF88), bright white
Elements: Circuit patterns, data nodes, geometric grids, glowing effects
Colors: Warm orange (#ED8936), golden yellow (#F6AD55), terracotta (#C05621)
Background: Cream (#FFFAF0), soft peach (#FED7AA)
Accents: Deep brown (#744210), soft red
Elements: Rounded shapes, smiling faces, sun rays, hearts, cozy lighting
Colors: Vibrant red (#E53E3E), bright orange (#DD6B20), electric yellow (#F6E05E)
Background: Deep black (#000000), dark charcoal
Accents: White, neon highlights
Elements: Strong shapes, exclamation marks, arrows, dramatic contrast
Colors: Pure black (#000000), white (#FFFFFF)
Background: White or off-white (#FAFAFA)
Accents: Single color (content-derived)
Elements: Single focal point, maximum negative space, thin precise lines
Colors: Pastel pink (#FED7E2), mint (#C6F6D5), lavender (#E9D8FD), sky blue (#BEE3F8)
Background: Light cream (#FFFBEB), soft white
Accents: Bright pops - yellow, coral, turquoise
Elements: Doodles, stars, swirls, cute characters, speech bubbles
Colors: Forest green (#276749), sage (#9AE6B4), earth brown (#744210)
Background: Sand beige (#F5E6D3), sky blue (#E0F2FE)
Accents: Sunset orange, water blue
Elements: Leaves, trees, mountains, organic flowing lines, natural textures
Colors: Pencil gray (#4A5568), paper white (#FAFAFA)
Background: Off-white paper texture (#F7FAFC)
Accents: Single highlight color (blue, red, or yellow)
Elements: Rough sketch lines, arrows, handwritten labels, crossed-out marks
Colors: Black (#1A1A1A), dark gray (#4A4A4A)
Background: Pure white (#FFFFFF), off-white (#FAFAFA)
Accents: Pastel blue (#A8D4F0), pastel yellow (#F9E79F), pastel pink (#FADBD8)
Elements: Simple line doodles, hand-drawn wobble effect, geometric shapes, stick figures, maximum whitespace
Typography: Clean hand-drawn lettering, simple sans-serif labels
Custom styles and configurations via EXTEND.md.
Check paths (priority order):
.baoyu-skills/baoyu-article-illustrator/EXTEND.md (project)~/.baoyu-skills/baoyu-article-illustrator/EXTEND.md (user)If found, load before Step 1. Extension content overrides defaults.