Token导航 LogoToken导航TokenDH.com
研究检索只读github未标认证来源可访问许可证需确认审计通过

blog-illustration博客插图

Agent Skill

blog-illustration 用于查找、检索和筛选相关信息,适合在 Codex、Claude、Cursor、Gemini CLI 中需要根据关键词、任务场景或来源线索快速定位候选结果时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态,以及是否会触发联网、命令执行或文件读写。

总安装

879

周安装

37

GitHub Stars

公开资料未说明

下载量

308
CodexClaudeCursorGemini CLI

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:blog-illustration(博客插图)
来源仓库:https://github.com/plimeor/agent-skills
仓库路径:skills/blog-illustration
安装命令:
npx skills add https://github.com/plimeor/agent-skills --skill blog-illustration
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 npx skills 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

skills.shnpx skills
npx skills add https://github.com/plimeor/agent-skills --skill blog-illustration

简介

blog-illustration 用于生成博客插图提示词,适合在 Codex、Claude、Cursor、Gemini CLI 中需要为博客创建彩色卡通风格信息图时使用。

  • 它适用于博客封面、内文图解或视觉化内容创作场景,能根据主题自动生成图像模型所需的英文提示词。
  • 使用时需结合具体博客标题或内容要点,输出为纯文本提示词供图像模型调用,支持主流图像生成平台。
  • 安装前建议确认是否依赖外部 API 及网络访问权限,并注意提示词语言规范以避免模型理解偏差。
  • 适用宿主包括 Codex、Claude、Cursor、Gemini CLI,接入前应确认版本、权限和运行环境要求。

SKILL.md

Blog Illustration Prompt Generator

Generate prompts for image generation models (Gemini, Midjourney, DALL-E, etc.) that produce colorful cartoon-style infographic illustrations for blog posts.

The output is a text prompt — not an image. The user takes the prompt to their preferred image generation model.

The prompt itself must be written in English, regardless of the conversation language. Image models perform best with English prompts. Only use Chinese in the prompt when the user explicitly requests Chinese labels in the image.

Style DNA

Every illustration shares these visual traits. This is the non-negotiable foundation that keeps illustrations consistent across different blog posts.

  • Cartoon infographic — a hybrid of illustration and information graphics. Not flat/minimal design, not formal architecture diagrams, not corporate clip art
  • White background with soft pastel color-coded zones (rounded rectangles with subtle fills)
  • Cute characters with personality — each abstract concept becomes a concrete visual metaphor. No generic robots, no gear icons, no floating screens with "AI" badges
  • Simple faces — dots for eyes, simple expressions. Charming but not childish. Think Dropbox/Notion illustration style
  • Thin rounded arrows in dark gray for flow and connections
  • Clean white space between zones — leave room to breathe
  • English labels by default — all text labels in the prompt (zone names, character names, flow annotations) use English. Image models render English reliably. Only use Chinese labels when the user explicitly requests it
  • 16:9 aspect ratio, high quality, clean edges, no blur, no gradients
  • Soft pastel palette: baby blue, lavender/pink, warm cream/yellow, sage green. Adjust per piece but stay in this family

Process

1. Analyze the content

Read the text that needs illustration. Identify:

  • Components: The key actors, concepts, or stages (3-6 is ideal for one illustration; more than 6 means you should suggest splitting into multiple images)
  • Relationships: How do they connect? Sequential flow, hierarchy, cycle, hub-and-spoke, or loose association?
  • Groupings: Are there natural clusters or layers?
  • The one thing: What single idea should a reader grasp at a glance, before reading any labels?

2. Design character metaphors

This is the most important step. Each abstract component needs a concrete visual form that hints at its function.

Principles:

  • Function drives form. A component that connects things → spider weaving silk. A component that cleans/audits → gardener pruning branches. A component that observes patterns → owl. A component that wanders freely → firefly.
  • Visual distinctness. Every character should be immediately distinguishable in silhouette. If two characters both look like "small robot doing X," the illustration fails.
  • No generic defaults. Never fall back to "a robot," "a gear," "a monitor with code," or "a person at a desk with sparkles." Push for a specific metaphor that carries meaning.
  • Present options. When the best metaphor isn't obvious, offer 2-3 alternatives with brief reasoning so the user can choose.

Reference examples:

FunctionWeakStrong
Links/connects itemsRobot with wiresSpider weaving silk between cards
Audits/cleans/maintainsRobot with magnifying glassGardener pruning dead branches
Generates profile from behavioral dataBrain with arrowsPainter creating portrait from scattered fragments
Equal partnershipTwo robotsTwo silhouettes back-to-back, one human-shaped, one geometric
Free exploration with occasional outputFloating robotFirefly drifting lazily, glowing when it finds something
Filters or guardsShield iconCat sitting on a fence, letting some things pass
Schedules or orchestratesClock iconConductor with a baton, cueing different performers

3. Plan the layout

Choose a layout pattern based on the relationship structure:

  • Z-flow (top-left → top-right → bottom-left → bottom-right): For sequential processes with 3-4 stages. Follows natural reading direction.
  • Hub-and-spoke: For a central concept with multiple related elements radiating outward.
  • Layered bands (horizontal or vertical): For systems with distinct tiers or phases.
  • Scattered/organic: For loosely related elements. Use sparingly — it's easy to look messy.

If an element deliberately breaks the pattern (e.g., something autonomous that doesn't fit the main structure), position it outside the organized zones — floating, slightly translucent, with dashed connections. This visual separation communicates "this one is different" without explanation.

4. Assign colors and zones

  • Each logical group gets a distinct soft pastel zone (rounded rectangle)
  • Use color to reinforce grouping, not for decoration
  • 3-4 zone colors maximum. More than that becomes visual noise
  • Special or anomalous elements: desaturated, translucent, or no zone background at all

5. Write text labels

Before writing the prompt, list all text labels that should appear in the image. Default to English for everything — image models render English reliably.

  • Zone labels: e.g. "Maintenance", "Insight", "Output"
  • Character labels: e.g. "Weaver (daily)", "Sentinel (weekly)"
  • Flow annotations: e.g. "changes", "approve", "reject"
  • Key elements: e.g. "Notes Vault", "Profile"

Keep labels short — 2-4 words per label. Only use Chinese labels when the user explicitly asks for them.

6. Write the prompt

Structure the prompt as:

  1. Style declaration (1 sentence) — establish the overall look and purpose
  2. Layout overview (1-2 sentences) — spatial arrangement and reading flow
  3. Zone-by-zone description — for each zone: background color, characters present, what they're doing, key visual details. Embed labels naturally: "a soft blue zone labeled 'Maintenance' in the top corner"
  4. Special elements — anything floating, detached, or breaking the main structure
  5. Text and label placement — explicitly list all Chinese text labels and where they appear. Be specific about placement (above, below, inside) so the model doesn't scatter them randomly
  6. Style details block — bullet list of specific requirements (palette, line weight, character style, mood, what NOT to include)
  7. Technical specs — aspect ratio, quality

Keep the prompt 200-400 words. Image models perform worse with extremely long prompts — be specific about what matters, brief about the rest.

Things to avoid

  • Labels that are too long. Keep each label to 2-4 words. Longer text is harder for models to render cleanly. If a concept needs more explanation, that's what the article text is for — the image just needs a short label.
  • Generic characters. Two "cute robots" in the same illustration is a design failure. Every character needs its own metaphor.
  • "AI" badges or labels on characters. If the context already makes clear these are AI components, badges add nothing and look tacky.
  • Formal diagram conventions. No UML, no swimlanes, no database cylinders. This is an illustration, not a spec sheet.
  • Overloaded compositions. More than 6 distinct elements in one image = suggest splitting into multiple illustrations.
  • Decorative gradients or 3D effects. Stay flat and clean. Depth comes from overlapping elements and subtle shadows, not from glossy renders.

适合场景

01

用户想查找某类 Agent Skill 时

02

需要根据任务场景推荐可安装能力包时

03

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

Codex

35.25%
按下载量换算109

Claude

32.26%
按下载量换算99

Cursor

19.36%
按下载量换算60

Gemini CLI

9.69%
按下载量换算30

安全审计

Gen Agent Trust Hub

通过

Socket

通过

Snyk

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源,正式发布前建议补源仓库或其他目录站核验。

来源信息

继续浏览同类 Skills