outline-figure-explainer
把一个概念、流程或对比编译成「粗黑描边简笔人 + 扁平撞色块」风格的说明插图提示词——纯白底、圆头无五官的黑线小人、无描边的饱和色块、块内白色细线图标、细黑连接线与箭头。用户提到说明插图、概念图、流程图配图、扁平插画、简笔小人插图、白底扁平风、explainer illustration、flat vector diagram，或要给一篇文章配一组解释性插图时使用。可单张也可成组，成组时风格基座逐条重复保证一致。不用于写实摄影、拟物质感、纯字体海报或黑白编辑封面（后者走 mono-editorial-banner）。
npx skills add FANzR-arch/Phil-design-skills --skill outline-figure-explainer --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Outline Figure Explainer（扁平说明插图编译器） 把**一个概念关系**编译成**一条**可直接交给图像模型的提示词。风格锁死：纯白底上，一个粗黑描边的简笔小人和若干扁平饱和色块，靠细黑线连成一件事。 核心原则：**一张图只讲一个关系。** 这套风格的清晰感来自元素少、留白多、色块纯。堆到七八个色块、给色块加描边、给人物画五官，风格立刻塌成廉价剪贴画。 ## 画幅 按发布场景选，不是只有一档： | 场景 | 比例 | size | 色块上限 | |---|---|---|---| | 长文内嵌插图（默认） | 16:9 | `2560×1440` | 5 | | 分节横幅 / 仓库封面 | 5:2 | `2560×1024` | 3 | | 小红书 / 方形社媒卡 | 1:1 | `2048×2048` | 3 | | 竖版信息卡 / Story | 3:4 或 9:16 | `1536×2048` / `1088×1920` | 3 | quality 统一 `high`。默认用 16:9，用户明确要发小红书、做竖版海报或分节横幅时才换。 画幅越窄或越方，色块越要精简；横向装置（流程 / 漏斗 / 阶梯）塞进竖版前先判断能不能改成自上而下排列，硬压扁成横条会失衡。 ## 锁死的风格内核 无论画什么内容，下面三段逐字进每一条提示词，不改写不精简。**成组产出时每一条都要重复**——模型只看得见单条，共享规则不会自动继承。 **Scene 基座** ``` pure flat white background, no environment, no horizon, no gradient; a thin black horizontal ground line only where figures stand. ``` **Key details 基座** ``` flat vector illustration; all figures drawn with thick uniform black outlines, round heads, no facial features, and left completely unfilled white inside; all blocks are flat saturated solid colour with absolutely no gradient, no shading and no texture; icons inside the blocks are simple thin white line drawings; one soft pale grey ellipse shadow directly under each standing figure and no
- 画幅
- 锁死的风格内核
- 色板（可整体替换的子模块）
- 装置词汇表（把关系转成画面）
- Input
- Workflow
- Quality Gates
- Read
What does the outline-figure-explainer skill do?
把一个概念、流程或对比编译成「粗黑描边简笔人 + 扁平撞色块」风格的说明插图提示词——纯白底、圆头无五官的黑线小人、无描边的饱和色块、块内白色细线图标、细黑连接线与箭头。用户提到说明插图、概念图、流程图配图、扁平插画、简笔小人插图、白底扁平风、explainer illustration、flat vector diagram，或要给一篇文章配一组解释性插图时使用。可单张也可成组，成组时风格基座逐条重复保证一致。不用于写实摄影、拟物质感、纯字体海报或黑白编辑封面（后者走 mono-editorial-banner）。
How do I install it?
Run `npx skills add FANzR-arch/Phil-design-skills --skill outline-figure-explainer --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From FANzR-arch/Phil-design-skills, a repository with 58 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.