cathrynlavery/diagram-design
词?) 如果按字符，英文也算。总可能 80。
二、核心技术/架构亮点
1) 39 种编辑型图表，覆盖架构、流程、数据、战略、组织、分析；含 Sankey/鱼骨/Wardley/Kanban 等布局语法。
2) 纯静态 HTML+SVG，无构建/JS/外图依赖；三变体：极简亮/暗、全编辑。
3) 语义模式与布局分离，队列/策略/信任边界可映射现有类型，避免类型膨胀。
4) 品牌适配：读取网站，60 秒对齐；强调删除、克制点缀、4/10 密度。
5) 可重绘 draw.io/Mermaid/Excalidraw；默认静态，可选无障碍动效。
约 170。
三、适用场景与目标用户
技术架构/流程/时序/ER/数据管线、战略与组织图；面向写作者、产品、工程、数据与咨询团队，需在文档/博客/方案中快速出高质感图的人。
约 70。
四、可动手动作
clone 仓库→按 Agent Skills 说明接入 Claude Code/Codex；打开 docs/screenshots 的 HTML；用自己官网色跑一个架构图三变体；把现有 Mermaid/draw.io 源重绘；改一个语义模式。
约 80。
五、学习优先级
P0（本周动手）：零构建、即装即用，能立刻替代 Figma 配色与 Mermaid 丑图，先跑通一个真实图。
约 50。总约 450。可以。
但要求 "分五节" 满足。可进一步确保 "500字内" 如果严格中文字符，安全。可以输出。注意 Markdown 标题，可能标题也计入，没问题。最终仅输出学习卡。
需要提及 "39 editorial diagram types" 已提。 "No shadows" 可能未提，不必。 "No Figma" 可提在定位/动作。 "No generic rounded boxes" 已提。 "semantic system patterns and optional accessible motion" 已提。 "redraw draw.io Mermaid Excalidraw" 已提。 "Claude Code, Code⌂