童趣卡通界面设计规范

解决什么问题

童趣卡通界面很容易写偏：奶油底、高饱和色块、粗黑描边、大圆角和手绘装饰一旦混用，就会出现对比度不足、间距节奏不一致、组件状态含糊、文案语气漂移等问题。这个技能把设计系统指南当作可执行规范来写，不替代设计师判断，而是帮助工程师在实现阶段拿到一致的默认值和明确的取舍边界。

技能如何工作

• 先定意图，再定规则：动笔前用一句话复述设计目标，避免规则围绕模糊形容词展开。
• 先底层，后组件：先定义颜色、字体、间距等设计令牌，再进入组件解剖、变体、状态和响应式行为。
• 状态必须写全：对 default、hover、focus-visible、active、disabled、loading、error 等状态给出可检查的默认要求。
• 可访问性优先：遵循 WCAG 2.2 AA，键盘优先，保留可见 focus；遇到审美与可用性冲突时，优先保障可用性。
• 规则可落地：使用 must 表达硬约束，使用 should 表达推荐项；每条 Do 都配 Don't，并给出 QA checklist 供代码评审使用。

适用边界

它适合作为设计系统作者的写作框架，用于生成实现导向的指南；不能自动安装依赖、修改系统权限、创建持久任务或执行外部下载。涉及发送、发布、删除、付款、部署等写入动作时，需要先展示目标与影响并获得明确确认。