# Wb Xhs Material Illustration

> Use when a Xiaohongshu post, article, work report, teaching material, or chart needs a material-style center explanation image, mechanism diagram, flow diagram, chart beautification, or reusable visual material with readable Chinese labels.

- Skill: `jackbauerxu/wb-xhs-material-illustration` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add jackbauerxu/wb-xhs-material-illustration`
- Raw SKILL.md: https://api.skillmd.com/api/skills/jackbauerxu/wb-xhs-material-illustration/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: jackbauerxu (https://skillmd.com/u/jackbauerxu)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/jackbauerxu/wb-xhs-material-illustration

---


# 小红书材质解释图与素材

先让图片讲清一个已确认的概念、机制、流程、关系或数据结论，再决定是否导出其中可复用的物件、箭头和栏目组件。图片不是无字装饰，也不是完整小红书卡片；它是能放进卡片、PPT、文章或文档的**中心解释图**。

## 负责的交付

- 概念拆解、流程、循环、层级、对比、系统关系等解释图。
- 图表语义重画：在确认信息基础上美化柱状图、折线图、漏斗图、甘特图、热力图等。
- 从解释图中拆出的可复用物件、关系箭头、栏目角标和页面组件。

## 过程

1. 从 Visual Brief 提取已确认的中心问题、对象、关系、数据、输出尺寸和外层页面用途；只选择一个主要解释目标。
2. 判断画面类型：概念拆解、流程、循环、对比、层级、场景解释或图表美化。资料不足但主题明确时，用不含未证实结论的定性关系图；冷门概念或具体装置需要先补事实参考。
3. 把画面压缩为一句说明和 3-5 个**图内短标签、箭头、图例、数据与关系**。标签必须来自已确认事实；中文短、具体、缩小后仍能读。
4. 默认画布为 **wide horizontal 1.9:1** 的中心图位；也可按已确认外层页面改为 16:9 或 1:1。采用克制的 Swiss 编辑式信息层级、暖白底、黑色墨线、浅灰材质化 3D 物件和清晰空间关系；一张图只选一种高亮色，技术/工作流默认 IKB 蓝 `#002FA7`。先让关系可读，再增加可复用素材。
5. 图表任务必须**保留图表类型、标题、数据、坐标、单位和结论**；只重画语义与视觉表达，不能改类别顺序、数值或暗示不存在的数据。生成提示词必须列出 `Required chart accuracy`，逐项写明刻度、类别、数值、单位、误差范围和“不可新增/交换类别”的约束。
6. 若同一请求还要封面，先由路由器确认封面精确标题。此 skill 交付中心解释图；封面专家负责外层标题、承诺和 3:4 版式。
7. QA：标签逐字准确、关系方向清楚、数据与单位可核验、缩放可读、裁切安全、来源边界与运行状态真实可追溯。

## 质量门

在生成前先记录 `art_direction`：本图要讲清的唯一关系、读者的阅读路径、对象层级、材质/空间语言和强调色的职责。材质化不等于把概念换成一排装饰物；画面必须在不读长文时也能说明关系。

候选必须通过**结构可读、标签准确、材质完成度和视觉层级**：

- `结构可读`：箭头、循环、层级或对比的方向一眼成立；图表还要保留所有已确认不变量。
- `标签准确`：图内短标签逐字正确，贴在对应对象或关系旁，缩小后仍能辨认。
- `材质完成度`：暖白底、黑墨线、浅灰材质对象与单一强调色形成有目的的空间、明暗和边缘层次，不出现漂浮、断裂或互相遮挡的对象。
- `视觉层级`：中心关系最先被看见，强调色只引导关键路径；不能把**通用 3D 图标拼盘**、无关装饰或完整卡片外框误当成解释图。

第一次生成是候选而不是交付。`quality_gate` 未通过时，记录失败的结构、标签、材质或层级维度，只修该维度；通过后才记录为可交付资产。

## 交付格式

- `explanation_type`：解释图 / 流程 / 循环 / 对比 / 层级 / 场景 / 图表。
- `one_sentence`：本图说明的唯一关系或结论。
- `confirmed_labels`：实际放入图内的短标签及其事实来源。
- `chart_invariants`：图表任务必须保留的类型、数据、坐标、单位和结论；非图表则为 `not_applicable`。
- `reference_cues`：冷门实体、品牌、科学装置或历史物件的稳定视觉线索；**参考只补事实**，不借用外部图片排版或风格。
- `reusable_materials`：可从中心图拆出的物件、箭头、角标或组件。

## 边界

- 不把空泛的“六个小图标”当作已经解释清内容；没有已确认关系时，先交付事实中性的结构，不编造数据或案例。
- 不负责完整小红书卡片的标题与版式；中心图交给封面或外层页面再排版。
- 本模块从 `op7418/guizang-material-illustration` 吸收“材质化解释图、图表语义重画、参考只补事实、中心图与外层卡片分工”的方法，不复制其图片、成套素材、提示词或模板。