Interface Design

关于这个 Skill

以明确的信息层次、共用设计变量、完整状态和可复用设计记忆，设计与改进仪表盘、SaaS 和管理界面。

为什么推荐

专注交互式产品界面，将确认的模式保存在 .interface-design/system.md，供后续工作沿用；上游明确排除营销落地页与活动。

适合用来做什么

• 设计仪表盘、设置页或数据密集型产品界面。
• 减少多次组件修改造成的视觉规范漂移。

工作流程与预期结果

1. 第 1 步

   先明确使用者、任务与体验目标，再研究产品语境。

2. 第 2 步

   确定视觉重点、字号层次、信息密度以及统一的设计变量与组件系统。

3. 第 3 步

   检查实际状态和布局，再保存确认的模式供后续会话使用。

已核对的上游任务指令

来源核对

已核对提交 2f9be3206855 的任务指令及仓库清单。本条目介绍上游工作流程，不表示收录时已执行完整产品制作或无障碍审计。

已核对的上游任务指令官方仓库与安装说明

使用前需要了解

• 需要可访问本地文件的编程助手，安装器需要 Node.js；使用前检查安装后的指令。
• 提供产品任务、当前界面与项目约定；可选方向图和视觉改绘需要图像生成工具，核心指令可独立使用。

支持的 Agent