简诗 AI 手绘涂鸦设计规范

它解决什么问题

手绘涂鸦（doodle）风格的界面好看，但很难工程化落地：字重、间距、线条全靠手感，团队里每个人画出来的“手绘感”都不一样。结果就是对比度不够的手写体、忽大忽小的间距节奏、含糊不清的按钮文案。这个技能要解决的问题很具体——把“涂鸦风”沉淀成一份可直接执行的设计系统规范，让工程师和设计师读同一份文档，而不是各自临摹。

技能如何工作

它的核心定位是“设计系统规范作者”，不是自动套皮肤的插件。工作流固定六步：

• 先一句话重述设计意图，再谈具体规则，避免规则之间互相打架
• 先定义 tokens 再写组件：字体阶梯 14/16/18/24/32/40、主字体 Delius Swash Caps、等宽 JetBrains Mono、主色 #49B6E5、间距 4/8/12/16/24/32，全部走语义化命名，不写裸值
• 组件层写清解剖结构、变体、状态（default / hover / focus-visible / active / disabled / loading / error），以及键盘、指针、触屏下的交互行为
• 无障碍验收标准必须可测试：遵循 WCAG 2.2 AA、键盘优先、可见焦点态；每条规则要么 must 要么 should，每条 do 规则至少配一个 don't 反例
• 输出结构固定：上下文 → tokens → 组件规则 → 无障碍标准 → 文案规范 → 反面模式与迁移说明 → QA 清单，可直接在 code review 里逐项勾选

适用边界

它是文档产出技能，只写规范、不改代码。安全上不自动安装依赖、不改系统权限、不建持久化任务、不执行下载内容；涉及发送、发布、删除、部署等外部写入前，会先说明目标与影响并等你确认。另外这套基调是强约束的涂鸦趣味风，如果你的目标是中性企业 UI，基础 tokens 需要重新定义。