.agents/skills/baoyu-article-illustrator/SKILL.md
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 "为文章配图".
npx skillsauth add lisposter/creator baoyu-article-illustratorInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Analyze articles, identify illustration positions, generate images with Type × Style consistency.
| Dimension | Controls | Examples | |-----------|----------|----------| | Type | Information structure | infographic, scene, flowchart, comparison, framework, timeline | | Style | Visual aesthetics | notion, warm, minimal, blueprint, watercolor, elegant |
Combine freely: --type infographic --style blueprint
| Type | Best For |
|------|----------|
| infographic | Data, metrics, technical |
| scene | Narratives, emotional |
| flowchart | Processes, workflows |
| comparison | Side-by-side, options |
| framework | Models, architecture |
| timeline | History, evolution |
See references/styles.md for Core Styles, full gallery, and Type × Style compatibility.
- [ ] Step 1: Pre-check (EXTEND.md, references, config)
- [ ] Step 2: Analyze content
- [ ] Step 3: Confirm settings (AskUserQuestion)
- [ ] Step 4: Generate outline
- [ ] Step 5: Generate images
- [ ] Step 6: Finalize
1.5 Load Preferences (EXTEND.md) ⛔ BLOCKING
test -f .baoyu-skills/baoyu-article-illustrator/EXTEND.md && echo "project"
test -f "$HOME/.baoyu-skills/baoyu-article-illustrator/EXTEND.md" && echo "user"
| Result | Action | |--------|--------| | Found | Read, parse, display summary | | Not found | ⛔ Run first-time-setup |
Full procedures: references/workflow.md
| Analysis | Output | |----------|--------| | Content type | Technical / Tutorial / Methodology / Narrative | | Purpose | information / visualization / imagination | | Core arguments | 2-5 main points | | Positions | Where illustrations add value |
CRITICAL: Metaphors → visualize underlying concept, NOT literal image.
Full procedures: references/workflow.md
ONE AskUserQuestion, max 4 Qs. Q1-Q3 REQUIRED.
| Q | Options | |---|---------| | Q1: Type | [Recommended], infographic, scene, flowchart, comparison, framework, timeline, mixed | | Q2: Density | minimal (1-2), balanced (3-5), per-section (Recommended), rich (6+) | | Q3: Style | [Recommended], minimal-flat, sci-fi, hand-drawn, editorial, scene, Other | | Q4: Language | When article language ≠ EXTEND.md setting |
Full procedures: references/workflow.md
Save outline.md with frontmatter (type, density, style, image_count) and entries:
## Illustration 1
**Position**: [section/paragraph]
**Purpose**: [why]
**Visual Content**: [what]
**Filename**: 01-infographic-concept-name.png
Full template: references/workflow.md
direct/style/palette)Full procedures: references/workflow.md
Insert  after paragraphs.
Article Illustration Complete!
Article: [path] | Type: [type] | Density: [level] | Style: [style]
Images: X/N generated
illustrations/{topic-slug}/
├── source-{slug}.{ext}
├── references/ # if provided
├── outline.md
├── prompts/
└── NN-{type}-{slug}.png
Slug: 2-4 words, kebab-case. Conflict: append -YYYYMMDD-HHMMSS.
| Action | Steps | |--------|-------| | Edit | Update prompt → Regenerate → Update reference | | Add | Position → Prompt → Generate → Update outline → Insert | | Delete | Delete files → Remove reference → Update outline |
| File | Content | |------|---------| | references/workflow.md | Detailed procedures | | references/usage.md | Command syntax | | references/styles.md | Style gallery | | references/prompt-construction.md | Prompt templates | | references/config/first-time-setup.md | First-time setup |
development
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, and infographics. Use when user asks for "markdown to html", "convert md to html", "md转html", or needs styled HTML output from markdown.
content-media
Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".
development
AI image generation with OpenAI, Google and DashScope APIs. Supports text-to-image, reference images, aspect ratios. Sequential by default; parallel generation available on request. Use when user asks to generate, create, or draw images.
development
Formats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "format markdown", "beautify article", "add formatting", or improve article layout. Outputs to {filename}-formatted.md.