渐变色彩流动风格设计 · 简诗 AI

它解决什么问题

渐变风格界面很容易出现「看起来差不多，但实现各写各的」：品牌色被近似值替代、间距靠手感、同一组件在不同页面状态不一致，键盘和屏幕阅读器体验也常常被忽略。这个技能面向这类从规范到实现的断层，帮助工程师把设计意图写成能直接执行的约束。

核心能力与工作方式

它会先按 Gradient 视觉风格整理基础层：色彩 token（primary=#990FFA、secondary=#E60076 等）、12/14/16/18/24/30/36 字号阶梯、Montserrat、Space Grotesk、JetBrains Mono 字体以及 8pt 间距基线。随后按既定工作流产出规范：

• 先用一句话重述设计意图，再定义 tokens 和基础约束；
• 描述组件结构、变体、状态和交互行为；
• 补充可测试的可访问性验收标准和文案语气要求；
• 给出反模式以及迁移说明，帮助收敛既有不一致的 UI。

规则会区分 must 与 should，避免只依赖「美观」「协调」这类模糊词，让评审时有明确依据。

适用边界

它提供的是设计系统规范和评审清单，不是可一键安装的组件库或自动生成界面的工具。命令和代码默认仅作参考，只有在你明确要求且目标范围清楚时才会执行。涉及发送、发布、删除、付款或部署等外部写入操作时，需要先确认影响范围。