SuperAPI AI 工具集

ui-ux-design-system

设计与创作

查看项目

更新于 10-15 21:09

技能介绍

用途:该技能用于以冷静、高级、系统优先的方式设计或评审产品 UI,面向应用界面与真实工作流界面,而非装饰性概念稿。

主要能力:定义屏幕目的、用户目标与唯一主操作;在样式之前先确定页面结构(顶栏或上下文行、简介或摘要、主工作区、辅助面板、次要细节);按 references/design-system-skills.md 中的设计规则执行;用可复用组件、语义化令牌、响应式布局和真实状态实现;最终检查层级是否明显、强调色是否克制、卡片是否统一、是否具备空/加载/错误状态、移动端布局是否可用。

默认取向:中性优先表面、高级 SaaS 产品调性、暗色优先并保持亮色模式对等、一个明确主操作、复用组件而非一次性 div、语义色仅用于状态。

适用场景:设计内部产品页、仪表盘、构建器、设置、编辑器、表格、弹窗与抽屉;评审 UI 层级、间距、令牌、状态与响应式;将嘈杂或不一致的 UI 重构为统一系统;判断何时使用卡片、标签页、标签、提示、表格与侧面板。

使用方式:需要完整系统时阅读 references/design-system-skills.md,其中包含设计理念、令牌、间距/圆角/阴影/排版、桌面/平板/移动布局规则、组件规则、AI 产品模式、无障碍与响应式。

限制:在既有代码库中优先沿用现有产品模式;不要为让单个屏幕“特别”而引入破坏系统的装饰性样式;除非明确要求,避免花哨或嘈杂的仪表盘;输出需为可投产结果而非概念稿。具体安装命令与收费信息暂未提供。