SuperAPI AI 工具集

ux-spec

设计与创作

查看项目

更新于 10-16 08:10

技能介绍

ux-spec 是一个 UI/UX 设计技能(版本 1.0.0),用于将产品需求与架构转化为可直接实施的界面规范,面向 iOS/macOS 应用。触发方式包括“generate UI spec”“create UX specification”“design wireframes”“create design system”“generate UX spec from PRD”。

使用前提:需要已存在的 docs/PRD.md(由 prd-generator 生成)、docs/ARCHITECTURE.md(由 architecture-spec 生成),以及包含定位与品牌个性的产品开发计划。输入来源为 docs/PRD.md(功能、用户流程、目标受众、验收标准)、docs/ARCHITECTURE.md(应用结构与导航、数据模型、平台)及 product-plan-*.md(定位、品牌个性、价值主张、目标市场)。必要时可向用户确认设计风格、品牌色与优先屏幕。

输出两份文档:docs/UX_SPEC.md 与 docs/DESIGN_SYSTEM.md。UX_SPEC.md 包含设计原则、品牌个性、信息架构(导航模式、屏幕层级、屏幕清单、导航流程图)、各屏幕规格(用途、ASCII 线框、组件、交互、状态、动画、数据需求、无障碍标注)等。资料中展示了欢迎页、引导步骤、首页(含空状态、加载、错误、骨架屏状态)、详情页与新增/编辑页的结构。DESIGN_SYSTEM.md 的内容在资料中未展开。

适用场景:为 iOS/macOS 应用从 PRD 出发构建 UI/UX 规范与线框。限制:资料未给出安装命令、收费方式、价格或平台支持细节,暂未提供。