用途:这是一套面向 AI 智能体的 Gusto 风格界面设计约束,用于在构建浅色模式、Gusto 美学风格的设计系统时提供 MUST/SHOULD/NEVER 级别的规则。
主要能力:提供颜色语义令牌(如 surface-base #116D6C、surface-raised #FFFFFF、surface-overlay #063E82、text-primary #606060、accent #116D6C、destructive #DA6966 等)、排版规范(主字体 Inter,主标题 51px extra_bold,正文 15px/400)、间距(4px 网格,默认 5px 间隙)、边框圆角(默认 7px,胶囊元素 22px+)、布局(1920px 基准视口,全屏高度用 h-dvh)、交互状态(焦点 2px 轮廓加 2px offset、禁用 opacity 0.5)、动画(仅动画 transform/opacity,交互反馈不超过 200ms)与性能约束。
使用方式:作为技能规则参考,在生成 Gusto 风格界面时遵循其中的令牌与约束;可与 awesome-design-md 中对应的 DESIGN.md 配合使用,漂移扫描器会动态读取两个文件提取令牌。
适用场景:构建浅色模式界面、创建 Gusto 风格设计系统、使用 Inter 字体与 4px 网格实现 UI。
限制:资料未提供安装命令、收费方式、平台支持或具体代码示例;部分规则为建议性(SHOULD),需结合项目实际判断。