$npx -y skills add jackbauerxu/workbuddy-xhs-skills --skill wb-xhs-material-illustrationUse 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.
| 1 | # 小红书材质解释图与素材 |
| 2 | |
| 3 | 先让图片讲清一个已确认的概念、机制、流程、关系或数据结论,再决定是否导出其中可复用的物件、箭头和栏目组件。图片不是无字装饰,也不是完整小红书卡片;它是能放进卡片、PPT、文章或文档的**中心解释图**。 |
| 4 | |
| 5 | ## 负责的交付 |
| 6 | |
| 7 | - 概念拆解、流程、循环、层级、对比、系统关系等解释图。 |
| 8 | - 图表语义重画:在确认信息基础上美化柱状图、折线图、漏斗图、甘特图、热力图等。 |
| 9 | - 从解释图中拆出的可复用物件、关系箭头、栏目角标和页面组件。 |
| 10 | |
| 11 | ## 过程 |
| 12 | |
| 13 | 1. 从 Visual Brief 提取已确认的中心问题、对象、关系、数据、输出尺寸和外层页面用途;只选择一个主要解释目标。 |
| 14 | 2. 判断画面类型:概念拆解、流程、循环、对比、层级、场景解释或图表美化。资料不足但主题明确时,用不含未证实结论的定性关系图;冷门概念或具体装置需要先补事实参考。 |
| 15 | 3. 把画面压缩为一句说明和 3-5 个**图内短标签、箭头、图例、数据与关系**。标签必须来自已确认事实;中文短、具体、缩小后仍能读。 |
| 16 | 4. 默认画布为 **wide horizontal 1.9:1** 的中心图位;也可按已确认外层页面改为 16:9 或 1:1。采用克制的 Swiss 编辑式信息层级、暖白底、黑色墨线、浅灰材质化 3D 物件和清晰空间关系;一张图只选一种高亮色,技术/工作流默认 IKB 蓝 `#002FA7`。先让关系可读,再增加可复用素材。 |
| 17 | 5. 图表任务必须**保留图表类型、标题、数据、坐标、单位和结论**;只重画语义与视觉表达,不能改类别顺序、数值或暗示不存在的数据。生成提示词必须列出 `Required chart accuracy`,逐项写明刻度、类别、数值、单位、误差范围和“不可新增/交换类别”的约束。 |
| 18 | 6. 若同一请求还要封面,先由路由器确认封面精确标题。此 skill 交付中心解释图;封面专家负责外层标题、承诺和 3:4 版式。 |
| 19 | 7. QA:标签逐字准确、关系方向清楚、数据与单位可核验、缩放可读、裁切安全、来源边界与运行状态真实可追溯。 |
| 20 | |
| 21 | ## 质量门 |
| 22 | |
| 23 | 在生成前先记录 `art_direction`:本图要讲清的唯一关系、读者的阅读路径、对象层级、材质/空间语言和强调色的职责。材质化不等于把概念换成一排装饰物;画面必须在不读长文时也能说明关系。 |
| 24 | |
| 25 | 候选必须通过**结构可读、标签准确、材质完成度和视觉层级**: |
| 26 | |
| 27 | - `结构可读`:箭头、循环、层级或对比的方向一眼成立;图表还要保留所有已确认不变量。 |
| 28 | - `标签准确`:图内短标签逐字正确,贴在对应对象或关系旁,缩小后仍能辨认。 |
| 29 | - `材质完成度`:暖白底、黑墨线、浅灰材质对象与单一强调色形成有目的的空间、明暗和边缘层次,不出现漂浮、断裂或互相遮挡的对象。 |
| 30 | - `视觉层级`:中心关系最先被看见,强调色只引导关键路径;不能把**通用 3D 图标拼盘**、无关装饰或完整卡片外框误当成解释图。 |
| 31 | |
| 32 | 第一次生成是候选而不是交付。`quality_gate` 未通过时,记录失败的结构、标签、材质或层级维度,只修该维度;通过后才记录为可交付资产。 |
| 33 | |
| 34 | ## 交付格式 |
| 35 | |
| 36 | - `explanation_type`:解释图 / 流程 / 循环 / 对比 / 层级 / 场景 / 图表。 |
| 37 | - `one_sentence`:本图说明的唯一关系或结论。 |
| 38 | - `confirmed_labels`:实际放入图内的短标签及其事实来源。 |
| 39 | - `chart_invariants`:图表任务必须保留的类型、数据、坐标、单位和结论;非图表则为 `not_applicable`。 |
| 40 | - `reference_cues`:冷门实体、品牌、科学装置或历史物件的稳定视觉线索;**参考只补事实**,不借用外部图片排版或风格。 |
| 41 | - `reusable_materials`:可从中心图拆出的物件、箭头、角标或组件。 |
| 42 | |
| 43 | ## 边界 |
| 44 | |
| 45 | - 不把空泛的“六个小图标”当作已经解释清内容;没有已确认关系时,先交付事实中性的结构,不编造数据或案例。 |
| 46 | - 不负责完整小红书卡片的标题与版式;中心图交给封面或外层页面再排版。 |
| 47 | - 本模块从 `op7418/guizang-material-illustration` 吸收“材质化解释图、图表语义重画、参考只补事实、中心图与外层卡片分工”的方法,不复制其图片、成套素材、提示词或模板。 |