Open Skills Logo
Open Skills

article-illustrator

分析文章结构，识别需要视觉辅助的位置，采用“类型 × 风格”二维方法生成插图。当用户请求“illustrate article”、“add images”、“generate images for article”或“为文章配图”时使用。

作者

@ginobefun

分类

图像处理

安装

热度:10

下载并解压到你的 skills 目录

复制命令，发送给 OpenClaw 自动安装：

下载并安装这个技能 https://openskills.cc/api/download?slug=ginobefun-skills-article-illustrator&locale=zh&source=copy
name:article-illustratordescription: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 "为文章配图".

Article Illustrator

Analyze articles, identify illustration positions, generate images with Type × Style consistency.

Two Dimensions

DimensionControlsExamples
TypeInformation structureinfographic, scene, flowchart, comparison, framework, timeline
StyleVisual aestheticsnotion, warm, minimal, blueprint, watercolor, elegant

Combine freely: --type infographic --style blueprint

Types

TypeBest For
infographicData, metrics, technical
sceneNarratives, emotional
flowchartProcesses, workflows
comparisonSide-by-side, options
frameworkModels, architecture
timelineHistory, evolution

Styles

See references/styles.md for Core Styles, full gallery, and Type × Style compatibility.

Workflow

- [ ] 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

Step 1: Pre-check

1.5 Load Preferences (EXTEND.md) ⛔ BLOCKING

# macOS, Linux, WSL, Git Bash
test -f .gino-skills/article-illustrator/EXTEND.md && echo "project"
test -f "$HOME/.gino-skills/article-illustrator/EXTEND.md" && echo "user"

# PowerShell (Windows)
if (Test-Path .gino-skills/article-illustrator/EXTEND.md) { "project" }
if (Test-Path "$HOME/.gino-skills/article-illustrator/EXTEND.md") { "user" }

ResultAction
FoundRead, parse, display summary
Not found⛔ Run first-time-setup

Full procedures: references/workflow.md

Step 2: Analyze

AnalysisOutput
Content typeTechnical / Tutorial / Methodology / Narrative
Purposeinformation / visualization / imagination
Core arguments2-5 main points
PositionsWhere illustrations add value

CRITICAL: Metaphors → visualize underlying concept, NOT literal image.

Full procedures: references/workflow.md

Step 3: Confirm Settings ⚠️

ONE AskUserQuestion, max 4 Qs. Q1-Q3 REQUIRED.

QOptions
Q1: Type[Recommended], infographic, scene, flowchart, comparison, framework, timeline, mixed
Q2: Densityminimal (1-2), balanced (3-5), per-section (Recommended), rich (6+)
Q3: Style[Recommended], minimal-flat, sci-fi, hand-drawn, editorial, scene, Other
Q4: LanguageWhen article language ≠ EXTEND.md setting

Full procedures: references/workflow.md

Step 4: Generate Outline

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

Step 5: Generate Images

⛔ BLOCKING: Prompt files MUST be saved before ANY image generation.

  • For each illustration, create a prompt file per references/prompt-construction.md

  • Save to prompts/NN-{type}-{slug}.md with YAML frontmatter

  • Prompts MUST use type-specific templates with structured sections (ZONES / LABELS / COLORS / STYLE / ASPECT)

  • LABELS MUST include article-specific data: actual numbers, terms, metrics, quotes

  • DO NOT pass ad-hoc inline prompts to --prompt without saving prompt files first

  • Select generation skill, process references (direct/style/palette)

  • Apply watermark if EXTEND.md enabled

  • Generate from saved prompt files; retry once on failure

    • Full procedures: references/workflow.md

    Step 6: Finalize

    Insert ![description](path/NN-{type}-{slug}.png) after paragraphs.

    Article Illustration Complete!
Article: [path] | Type: [type] | Density: [level] | Style: [style]
Images: X/N generated

    Output Directory

    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.

    Modification

    ActionSteps
    EditUpdate prompt → Regenerate → Update reference
    AddPosition → Prompt → Generate → Update outline → Insert
    DeleteDelete files → Remove reference → Update outline

    References

    FileContent
    references/workflow.mdDetailed procedures
    references/usage.mdCommand syntax
    references/styles.mdStyle gallery
    references/prompt-construction.mdPrompt templates
    references/config/first-time-setup.mdFirst-time setup