{
  "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": {
    "downloadMode": "redirect",
    "downloadUrl": "/downloads/article-illustrator",
    "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=article-illustrator",
    "sourcePlatform": "tencent",
    "targetPlatform": "OpenClaw",
    "installMethod": "Manual import",
    "extraction": "Extract archive",
    "prerequisites": [
      "OpenClaw"
    ],
    "packageFormat": "ZIP package",
    "includedAssets": [
      "README.md",
      "SKILL.md",
      "prompts/system.md",
      "references/config/first-time-setup.md",
      "references/config/preferences-schema.md",
      "references/prompt-construction.md"
    ],
    "primaryDoc": "SKILL.md",
    "quickSetup": [
      "Download the package from Yavira.",
      "Extract the archive and review SKILL.md first.",
      "Import or place the package into your OpenClaw setup."
    ],
    "agentAssist": {
      "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
      "steps": [
        "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."
      ],
      "prompts": [
        {
          "label": "New install",
          "body": "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."
        },
        {
          "label": "Upgrade existing",
          "body": "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."
        }
      ]
    },
    "sourceHealth": {
      "source": "tencent",
      "status": "healthy",
      "reason": "direct_download_ok",
      "recommendedAction": "download",
      "checkedAt": "2026-04-23T16:43:11.935Z",
      "expiresAt": "2026-04-30T16:43:11.935Z",
      "httpStatus": 200,
      "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
      "contentType": "application/zip",
      "probeMethod": "head",
      "details": {
        "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=4claw-imageboard",
        "contentDisposition": "attachment; filename=\"4claw-imageboard-1.0.1.zip\"",
        "redirectLocation": null,
        "bodySnippet": null
      },
      "scope": "source",
      "summary": "Source download looks usable.",
      "detail": "Yavira can redirect you to the upstream package for this source.",
      "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."
      ]
    },
    "downloadPageUrl": "https://openagent3.xyz/downloads/article-illustrator",
    "agentPageUrl": "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"
  },
  "agentAssist": {
    "summary": "Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.",
    "steps": [
      "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."
    ],
    "prompts": [
      {
        "label": "New install",
        "body": "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."
      },
      {
        "label": "Upgrade existing",
        "body": "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."
      }
    ]
  },
  "documentation": {
    "source": "clawhub",
    "primaryDoc": "SKILL.md",
    "sections": [
      {
        "title": "Article Illustrator",
        "body": "Analyze articles, identify optimal illustration positions, and generate images using a Type x Style consistency system."
      },
      {
        "title": "OpenClaw / Moltbot / Clawbot",
        "body": "npx clawhub@latest install article-illustrator"
      },
      {
        "title": "NEVER Do",
        "body": "Illustrate metaphors literally (e.g., if article says \"chainsaw cutting watermelon,\" visualize the underlying concept instead)\nGenerate generic decorative images that don't connect to content\nSkip the settings confirmation step (Step 3)\nBegin generating before confirming type, density, and style with the user\nCreate illustrations without justifying each position by content needs"
      },
      {
        "title": "Two Dimensions",
        "body": "DimensionControlsExamplesTypeInformation structure, layoutinfographic, scene, flowchart, comparison, framework, timelineStyleVisual aesthetics, moodnotion, warm, minimal, blueprint, watercolor, elegant, editorial, scientific\n\nTypes and styles combine freely: --type infographic --style blueprint"
      },
      {
        "title": "Type Selection Guide",
        "body": "TypeBest ForinfographicData, metrics, technical articlessceneNarratives, personal stories, emotional contentflowchartTutorials, workflows, processescomparisonSide-by-side, before/after, optionsframeworkMethodologies, models, architecturetimelineHistory, progress, evolution"
      },
      {
        "title": "Style Selection Guide",
        "body": "StyleBest Fornotion (Default)Knowledge sharing, SaaS, productivityelegantBusiness, thought leadershipwarmPersonal growth, lifestyle, educationminimalPhilosophy, core conceptsblueprintArchitecture, system designwatercolorLifestyle, travel, creativeeditorialTech explainers, journalismscientificAcademic, technical research\n\nFull style specs and compatibility matrix: references/styles.md"
      },
      {
        "title": "Auto Selection by Content",
        "body": "Content SignalsTypeStyleAPI, metrics, data, numbersinfographicblueprint, notionStory, emotion, journeyscenewarm, watercolorHow-to, steps, workflowflowchartnotion, minimalvs, pros/cons, before/aftercomparisonnotion, elegantFramework, model, architectureframeworkblueprint, notionHistory, timeline, progresstimelineelegant, warm"
      },
      {
        "title": "Step 1: Pre-check",
        "body": "Determine input type — file path or pasted content\nDetermine output directory — check preferences or ask user:\n\n{article-dir}/ — same directory\n{article-dir}/illustrations/ — illustrations subdirectory (recommended)\nillustrations/{topic-slug}/ — independent directory\n\n\nCheck existing images — if images exist, ask: supplement / overwrite / regenerate\nConfirm article update method (file input only) — update original or create {name}-illustrated.md copy\nLoad preferences — check for EXTEND.md in project or user home"
      },
      {
        "title": "Step 2: Analyze Content",
        "body": "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\n\nIllustrate: core arguments (required), abstract concepts, data comparisons, processes/workflows.\n\nSkip: literal metaphors, decorative scenes, generic illustrations."
      },
      {
        "title": "Step 3: Confirm Settings (Required)",
        "body": "Use a structured question with 3-4 questions in ONE call:\n\nQ1 — Type: recommended option + alternatives\nQ2 — Density: minimal (1-2), balanced (3-5, recommended), rich (6+)\nQ3 — Style: recommended based on type/content compatibility matrix\nQ4 — Language (only if source language differs from user language)"
      },
      {
        "title": "Step 4: Generate Outline",
        "body": "Save as outline.md with YAML frontmatter (type, density, style, count) and per-illustration details: position, purpose, visual content, filename."
      },
      {
        "title": "Step 5: Generate Images",
        "body": "Create prompts following references/prompt-construction.md\nSave prompts to prompts/illustration-{slug}.md\nGenerate sequentially, reporting progress after each\nOn failure: retry once, then log and continue"
      },
      {
        "title": "Step 6: Finalize",
        "body": "Insert image references after corresponding paragraphs:\n\n![description](illustrations/{slug}/NN-{type}-{slug}.png)\n\nOutput a summary with article path, settings, image count, and positions."
      },
      {
        "title": "Output Structure",
        "body": "illustrations/{topic-slug}/\n├── source-{slug}.{ext}\n├── outline.md\n├── prompts/\n│   └── illustration-{slug}.md\n└── NN-{type}-{slug}.png"
      },
      {
        "title": "Prompt Construction Principles",
        "body": "Good illustration prompts must include:\n\nLayout structure first — describe composition, zones, flow direction\nSpecific data/labels — use actual numbers, terms from the article\nVisual relationships — how elements connect to each other\nSemantic colors — meaning-based choices (red=warning, green=efficient)\nStyle characteristics — line treatment, texture, mood\nAspect ratio — end with ratio and complexity level\n\nAvoid: vague descriptions, literal metaphor illustrations, missing labels, generic decorative elements.\n\nFull templates by type: references/prompt-construction.md"
      },
      {
        "title": "Type x Style Compatibility",
        "body": "notionwarmminimalblueprintwatercoloreleganteditorialscientificinfographic++++++++++++++scene++++-++++-flowchart++++++-++++comparison++++++++++++framework+++++++-+++++timeline++++++++++++\n\n++ highly recommended | + compatible | - not recommended"
      },
      {
        "title": "Usage Examples",
        "body": "# Auto-select type and style\nillustrate path/to/article.md\n\n# Specify type\nillustrate path/to/article.md --type infographic\n\n# Specify type and style\nillustrate path/to/article.md --type flowchart --style notion\n\n# Specify density\nillustrate path/to/article.md --density rich"
      },
      {
        "title": "Extension Support",
        "body": "Custom configurations via EXTEND.md files:\n\nProject level: .article-illustrator/EXTEND.md\nUser level: $HOME/.config/article-illustrator/EXTEND.md\n\nSupports: watermark, preferred type/style, custom styles, language, output directory."
      },
      {
        "title": "Modification",
        "body": "ActionStepsEditUpdate prompt, regenerate, update referenceAddIdentify position, create prompt, generate, update outline, insertDeleteDelete files, remove reference, update outline"
      },
      {
        "title": "References",
        "body": "FileContentreferences/usage.mdCommand syntax, options, input modesreferences/styles.mdStyle gallery, compatibility matrix, auto-selectionreferences/prompt-construction.mdPrompt templates for each illustration typereferences/styles/<style>.mdFull specifications for each visual stylereferences/config/preferences-schema.mdEXTEND.md configuration schemareferences/config/first-time-setup.mdFirst-time preference setup flowprompts/system.mdSystem prompt reference"
      }
    ],
    "body": "Article Illustrator\n\nAnalyze articles, identify optimal illustration positions, and generate images using a Type x Style consistency system.\n\nInstallation\nOpenClaw / Moltbot / Clawbot\nnpx clawhub@latest install article-illustrator\n\nNEVER Do\nIllustrate metaphors literally (e.g., if article says \"chainsaw cutting watermelon,\" visualize the underlying concept instead)\nGenerate generic decorative images that don't connect to content\nSkip the settings confirmation step (Step 3)\nBegin generating before confirming type, density, and style with the user\nCreate illustrations without justifying each position by content needs\nTwo Dimensions\nDimension\tControls\tExamples\nType\tInformation structure, layout\tinfographic, scene, flowchart, comparison, framework, timeline\nStyle\tVisual aesthetics, mood\tnotion, warm, minimal, blueprint, watercolor, elegant, editorial, scientific\n\nTypes and styles combine freely: --type infographic --style blueprint\n\nType Selection Guide\nType\tBest For\ninfographic\tData, metrics, technical articles\nscene\tNarratives, personal stories, emotional content\nflowchart\tTutorials, workflows, processes\ncomparison\tSide-by-side, before/after, options\nframework\tMethodologies, models, architecture\ntimeline\tHistory, progress, evolution\nStyle Selection Guide\nStyle\tBest For\nnotion (Default)\tKnowledge sharing, SaaS, productivity\nelegant\tBusiness, thought leadership\nwarm\tPersonal growth, lifestyle, education\nminimal\tPhilosophy, core concepts\nblueprint\tArchitecture, system design\nwatercolor\tLifestyle, travel, creative\neditorial\tTech explainers, journalism\nscientific\tAcademic, technical research\n\nFull style specs and compatibility matrix: references/styles.md\n\nAuto Selection by Content\nContent Signals\tType\tStyle\nAPI, metrics, data, numbers\tinfographic\tblueprint, notion\nStory, emotion, journey\tscene\twarm, watercolor\nHow-to, steps, workflow\tflowchart\tnotion, minimal\nvs, pros/cons, before/after\tcomparison\tnotion, elegant\nFramework, model, architecture\tframework\tblueprint, notion\nHistory, timeline, progress\ttimeline\telegant, warm\nWorkflow\nStep 1: Pre-check\nDetermine input type — file path or pasted content\nDetermine output directory — check preferences or ask user:\n{article-dir}/ — same directory\n{article-dir}/illustrations/ — illustrations subdirectory (recommended)\nillustrations/{topic-slug}/ — independent directory\nCheck existing images — if images exist, ask: supplement / overwrite / regenerate\nConfirm article update method (file input only) — update original or create {name}-illustrated.md copy\nLoad preferences — check for EXTEND.md in project or user home\nStep 2: Analyze Content\nAnalysis\tDescription\nContent type\tTechnical / Tutorial / Methodology / Narrative\nCore arguments\t2-5 main points to visualize\nVisual opportunities\tPositions where illustrations add value\nRecommended type\tBased on content signals\nRecommended density\tBased on length and complexity\n\nIllustrate: core arguments (required), abstract concepts, data comparisons, processes/workflows.\n\nSkip: literal metaphors, decorative scenes, generic illustrations.\n\nStep 3: Confirm Settings (Required)\n\nUse a structured question with 3-4 questions in ONE call:\n\nQ1 — Type: recommended option + alternatives\nQ2 — Density: minimal (1-2), balanced (3-5, recommended), rich (6+)\nQ3 — Style: recommended based on type/content compatibility matrix\nQ4 — Language (only if source language differs from user language)\nStep 4: Generate Outline\n\nSave as outline.md with YAML frontmatter (type, density, style, count) and per-illustration details: position, purpose, visual content, filename.\n\nStep 5: Generate Images\nCreate prompts following references/prompt-construction.md\nSave prompts to prompts/illustration-{slug}.md\nGenerate sequentially, reporting progress after each\nOn failure: retry once, then log and continue\nStep 6: Finalize\n\nInsert image references after corresponding paragraphs:\n\n![description](illustrations/{slug}/NN-{type}-{slug}.png)\n\n\nOutput a summary with article path, settings, image count, and positions.\n\nOutput Structure\nillustrations/{topic-slug}/\n├── source-{slug}.{ext}\n├── outline.md\n├── prompts/\n│   └── illustration-{slug}.md\n└── NN-{type}-{slug}.png\n\nPrompt Construction Principles\n\nGood illustration prompts must include:\n\nLayout structure first — describe composition, zones, flow direction\nSpecific data/labels — use actual numbers, terms from the article\nVisual relationships — how elements connect to each other\nSemantic colors — meaning-based choices (red=warning, green=efficient)\nStyle characteristics — line treatment, texture, mood\nAspect ratio — end with ratio and complexity level\n\nAvoid: vague descriptions, literal metaphor illustrations, missing labels, generic decorative elements.\n\nFull templates by type: references/prompt-construction.md\n\nType x Style Compatibility\n\tnotion\twarm\tminimal\tblueprint\twatercolor\telegant\teditorial\tscientific\ninfographic\t++\t+\t++\t++\t+\t++\t++\t++\nscene\t+\t++\t+\t-\t++\t+\t+\t-\nflowchart\t++\t+\t+\t++\t-\t+\t++\t+\ncomparison\t++\t+\t++\t+\t+\t++\t++\t+\nframework\t++\t+\t++\t++\t-\t++\t+\t++\ntimeline\t++\t+\t+\t+\t++\t++\t++\t+\n\n++ highly recommended | + compatible | - not recommended\n\nUsage Examples\n# Auto-select type and style\nillustrate path/to/article.md\n\n# Specify type\nillustrate path/to/article.md --type infographic\n\n# Specify type and style\nillustrate path/to/article.md --type flowchart --style notion\n\n# Specify density\nillustrate path/to/article.md --density rich\n\nExtension Support\n\nCustom configurations via EXTEND.md files:\n\nProject level: .article-illustrator/EXTEND.md\nUser level: $HOME/.config/article-illustrator/EXTEND.md\n\nSupports: watermark, preferred type/style, custom styles, language, output directory.\n\nModification\nAction\tSteps\nEdit\tUpdate prompt, regenerate, update reference\nAdd\tIdentify position, create prompt, generate, update outline, insert\nDelete\tDelete files, remove reference, update outline\nReferences\nFile\tContent\nreferences/usage.md\tCommand syntax, options, input modes\nreferences/styles.md\tStyle gallery, compatibility matrix, auto-selection\nreferences/prompt-construction.md\tPrompt templates for each illustration type\nreferences/styles/<style>.md\tFull specifications for each visual style\nreferences/config/preferences-schema.md\tEXTEND.md configuration schema\nreferences/config/first-time-setup.md\tFirst-time preference setup flow\nprompts/system.md\tSystem prompt reference"
  },
  "trust": {
    "sourceLabel": "tencent",
    "provenanceUrl": "https://clawhub.ai/wpank/article-illustrator",
    "publisherUrl": "https://clawhub.ai/wpank/article-illustrator",
    "owner": "wpank",
    "version": "0.1.0",
    "license": null,
    "verificationStatus": "Indexed source record"
  },
  "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"
  }
}