SuperAPI AI 工具集

interface-design

设计与创作

查看项目

更新于 10-16 08:46

技能介绍

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

主要能力:提供一套从意图出发的设计流程。要求在动代码前回答三个问题:用户是谁(具体的人、所处情境)、必须完成什么(动词,如批改作业、修复部署、审批付款)、应有什么感受(用有意义的词语描述)。随后进行产品领域探索,产出四项内容:领域概念(至少5个)、颜色世界(至少5个)、签名元素(只能属于该产品的视觉/结构/交互元素)、以及3个显而易见的默认选择及其替代方案。方向提案必须引用这四项。

设计原则:间距采用统一基数;留白对称;深度从边框、轻阴影、分层阴影中选一种并贯穿;圆角、字体层级、颜色与表面(前景、背景、边框、品牌、语义色)均需系统化;动画约150ms、平滑缓动;每个交互元素需具备默认、悬停、激活、聚焦、禁用等状态,数据需有加载、空、错误状态;原生 select 与 date 输入难以样式化,需自建组件。

使用方式:若项目已有 .interface-design/system.md 则读取并应用;否则按探索、提案、确认、构建、评估的顺序推进。完成后可询问是否保存模式到 .interface-design/system.md,记录方向与感受、深度策略、间距基数、关键组件模式。可用命令:/interface-design:status、/interface-design:audit、/interface-design:extract。

限制:资料指出模型训练中存在强模式,容易生成通用输出,流程本身不保证工艺,需要主动自查(替换测试、眯眼测试、签名测试、令牌测试)。缺失信息:具体收费、价格、平台支持等暂未提供。