# Send Article Illustrator to your agent Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually. ## Fast path - Download the package from Yavira. - Extract it into a folder your agent can access. - Paste one of the prompts below and point your agent at the extracted folder. ## Suggested prompts ### New install ```text I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Then review README.md for any prerequisites, environment setup, or post-install checks. Tell me what you changed and call out any manual steps you could not complete. ``` ### Upgrade existing ```text I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Then review README.md for any prerequisites, environment setup, or post-install checks. Summarize what changed and any follow-up checks I should run. ``` ## Machine-readable fields ```json { "schemaVersion": "1.0", "item": { "slug": "article-illustrator", "name": "Article Illustrator", "source": "tencent", "type": "skill", "category": "内容创作", "sourceUrl": "https://clawhub.ai/wpank/article-illustrator", "canonicalUrl": "https://clawhub.ai/wpank/article-illustrator", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/article-illustrator", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=article-illustrator", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "README.md", "SKILL.md", "prompts/system.md", "references/config/first-time-setup.md", "references/config/preferences-schema.md", "references/prompt-construction.md" ], "downloadMode": "redirect", "sourceHealth": { "source": "tencent", "slug": "article-illustrator", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-04-29T01:42:55.545Z", "expiresAt": "2026-05-06T01:42:55.545Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=article-illustrator", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=article-illustrator", "contentDisposition": "attachment; filename=\"article-illustrator-0.1.0.zip\"", "redirectLocation": null, "bodySnippet": null, "slug": "article-illustrator" }, "scope": "item", "summary": "Item download looks usable.", "detail": "Yavira can redirect you to the upstream package for this item.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/article-illustrator" }, "validation": { "installChecklist": [ "Use the Yavira download entry.", "Review SKILL.md after the package is downloaded.", "Confirm the extracted package contains the expected setup assets." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] } }, "links": { "detailUrl": "https://openagent3.xyz/skills/article-illustrator", "downloadUrl": "https://openagent3.xyz/downloads/article-illustrator", "agentUrl": "https://openagent3.xyz/skills/article-illustrator/agent", "manifestUrl": "https://openagent3.xyz/skills/article-illustrator/agent.json", "briefUrl": "https://openagent3.xyz/skills/article-illustrator/agent.md" } } ``` ## Documentation ### Article Illustrator Analyze articles, identify optimal illustration positions, and generate images using a Type x Style consistency system. ### OpenClaw / Moltbot / Clawbot npx clawhub@latest install article-illustrator ### NEVER Do Illustrate metaphors literally (e.g., if article says "chainsaw cutting watermelon," visualize the underlying concept instead) Generate generic decorative images that don't connect to content Skip the settings confirmation step (Step 3) Begin generating before confirming type, density, and style with the user Create illustrations without justifying each position by content needs ### Two Dimensions DimensionControlsExamplesTypeInformation structure, layoutinfographic, scene, flowchart, comparison, framework, timelineStyleVisual aesthetics, moodnotion, warm, minimal, blueprint, watercolor, elegant, editorial, scientific Types and styles combine freely: --type infographic --style blueprint ### Type Selection Guide TypeBest ForinfographicData, metrics, technical articlessceneNarratives, personal stories, emotional contentflowchartTutorials, workflows, processescomparisonSide-by-side, before/after, optionsframeworkMethodologies, models, architecturetimelineHistory, progress, evolution ### Style Selection Guide StyleBest Fornotion (Default)Knowledge sharing, SaaS, productivityelegantBusiness, thought leadershipwarmPersonal growth, lifestyle, educationminimalPhilosophy, core conceptsblueprintArchitecture, system designwatercolorLifestyle, travel, creativeeditorialTech explainers, journalismscientificAcademic, technical research Full style specs and compatibility matrix: references/styles.md ### Auto Selection by Content Content SignalsTypeStyleAPI, metrics, data, numbersinfographicblueprint, notionStory, emotion, journeyscenewarm, watercolorHow-to, steps, workflowflowchartnotion, minimalvs, pros/cons, before/aftercomparisonnotion, elegantFramework, model, architectureframeworkblueprint, notionHistory, timeline, progresstimelineelegant, warm ### Step 1: Pre-check Determine input type — file path or pasted content Determine output directory — check preferences or ask user: {article-dir}/ — same directory {article-dir}/illustrations/ — illustrations subdirectory (recommended) illustrations/{topic-slug}/ — independent directory Check existing images — if images exist, ask: supplement / overwrite / regenerate Confirm article update method (file input only) — update original or create {name}-illustrated.md copy Load preferences — check for EXTEND.md in project or user home ### Step 2: Analyze Content AnalysisDescriptionContent typeTechnical / Tutorial / Methodology / NarrativeCore arguments2-5 main points to visualizeVisual opportunitiesPositions where illustrations add valueRecommended typeBased on content signalsRecommended densityBased on length and complexity Illustrate: core arguments (required), abstract concepts, data comparisons, processes/workflows. Skip: literal metaphors, decorative scenes, generic illustrations. ### Step 3: Confirm Settings (Required) Use a structured question with 3-4 questions in ONE call: Q1 — Type: recommended option + alternatives Q2 — Density: minimal (1-2), balanced (3-5, recommended), rich (6+) Q3 — Style: recommended based on type/content compatibility matrix Q4 — Language (only if source language differs from user language) ### Step 4: Generate Outline Save as outline.md with YAML frontmatter (type, density, style, count) and per-illustration details: position, purpose, visual content, filename. ### Step 5: Generate Images Create prompts following references/prompt-construction.md Save prompts to prompts/illustration-{slug}.md Generate sequentially, reporting progress after each On failure: retry once, then log and continue ### Step 6: Finalize Insert image references after corresponding paragraphs: ![description](illustrations/{slug}/NN-{type}-{slug}.png) Output a summary with article path, settings, image count, and positions. ### Output Structure illustrations/{topic-slug}/ ├── source-{slug}.{ext} ├── outline.md ├── prompts/ │ └── illustration-{slug}.md └── NN-{type}-{slug}.png ### Prompt Construction Principles Good illustration prompts must include: Layout structure first — describe composition, zones, flow direction Specific data/labels — use actual numbers, terms from the article Visual relationships — how elements connect to each other Semantic colors — meaning-based choices (red=warning, green=efficient) Style characteristics — line treatment, texture, mood Aspect ratio — end with ratio and complexity level Avoid: vague descriptions, literal metaphor illustrations, missing labels, generic decorative elements. Full templates by type: references/prompt-construction.md ### Type x Style Compatibility notionwarmminimalblueprintwatercoloreleganteditorialscientificinfographic++++++++++++++scene++++-++++-flowchart++++++-++++comparison++++++++++++framework+++++++-+++++timeline++++++++++++ ++ highly recommended | + compatible | - not recommended ### Usage Examples # Auto-select type and style illustrate path/to/article.md # Specify type illustrate path/to/article.md --type infographic # Specify type and style illustrate path/to/article.md --type flowchart --style notion # Specify density illustrate path/to/article.md --density rich ### Extension Support Custom configurations via EXTEND.md files: Project level: .article-illustrator/EXTEND.md User level: $HOME/.config/article-illustrator/EXTEND.md Supports: watermark, preferred type/style, custom styles, language, output directory. ### Modification ActionStepsEditUpdate prompt, regenerate, update referenceAddIdentify position, create prompt, generate, update outline, insertDeleteDelete files, remove reference, update outline ### References FileContentreferences/usage.mdCommand syntax, options, input modesreferences/styles.mdStyle gallery, compatibility matrix, auto-selectionreferences/prompt-construction.mdPrompt templates for each illustration typereferences/styles/