SuperAPI AI 工具集

interface-design

设计与创作

查看项目

更新于 10-16 05:53

技能介绍

用途:依据产品、内容、品牌与交互证据,设计并实现生产级 Web 界面,适用于新建或重设计页面、仪表盘等。核心是先恢复已有上下文(产品、受众、主任务、成功条件、技术栈、既有设计令牌与组件、内容形态、视口与无障碍要求、所需状态),仅就不明确且影响结果的选择提问;未定视觉方向时基于产品证据提出有理由的方向。

工作模式:扩展、重设计、全新构建、探索四种;不因存在常见默认样式就抹除品牌决策,也不因既有决策就盲目保留。按界面类型调整组合重点,如营销、仪表盘、表单流程、设置、数据表、文档、消费级体验,这些是起点关注点而非布局模板。

主要能力:先确定界面角色再定义或扩展令牌(表面与文字层级、语义色、排版角色、间距与栅格、圆角边框阴影、动效时长与缓动、焦点/禁用/选中/加载/错误状态);为组件约定语义用途、变体、交互与键盘行为、响应式与溢出、无障碍名称与焦点、加载空错误成功权限等状态;内容与状态一起设计,测试最短最长空加载错误等极端情况;按需使用动效并支持 prefers-reduced-motion;在代码库内遵循项目组件、样式、路由、数据与测试约定实现,复用既有原语。

输出与验证:交付实现代码或指定设计产物、决策理由、覆盖的组件与状态、引入的资产与依赖、代表性视口与状态的验证结果、已知缺口。需运行构建、类型检查、lint 与测试,检查桌面/平板/移动宽度、键盘导航、焦点、对比度、缩放与真实内容极端情况,确认主任务不依赖装饰或动效也可完成,并清理占位内容与无作用规则。

限制:不得编造证明、客户数据、运营状态或图表数值;第三方资产须先查许可与仓库约定;不要求动效库时优先用 CSS 或现有栈。具体安装命令、价格与平台信息暂未提供。