SuperAPI AI 工具集

interface-design

设计与创作

查看项目

更新于 10-15 21:36

技能介绍

用途:为仪表盘、管理后台、SaaS 应用、工具、设置页和数据界面提供界面设计方法,不适用于落地页、营销站点与营销活动,后者应转向 /frontend-design。

主要能力:强调先明确用户是谁、要完成什么动作、界面应给人什么感觉,再进入代码;要求探索产品领域概念、领域色彩、专属签名元素,并列出该界面类型的三个默认做法及替代方案。提出“每个选择都必须是选择”“雷同即失败”“意图必须系统化”等原则,并给出交换测试、眯眼测试、签名测试、令牌测试等自检方法。

设计基础:涵盖微妙分层(表面、边框的细微差异)、间距基准单位、对称内边距、单一深度策略(仅边框、轻阴影或分层阴影)、圆角、字体层级、颜色与表面体系、约 150ms 的快速微交互,以及交互与数据状态(默认、悬停、激活、聚焦、禁用、加载、空、错误)。建议自定义下拉与日期控件,避免刺眼边框、剧烈表面跳变、不一致间距、混合深度、缺失状态、夸张阴影、装饰性渐变与多强调色。

使用方式:若项目存在 .interface-design/system.md 则读取并应用;否则先探索领域并产出四项必需输出,提出方向并确认,再构建,最后运行自检。完成任务后可询问是否将方向与感觉、深度策略、间距基准、关键组件模式保存到 .interface-design/system.md。提供命令:/interface-design:status、/interface-design:audit、/interface-design:extract。

限制:资料未提供具体价格、平台支持范围或效果保证;部分细节需参考 references/principles.md 与 references/validation.md。