SuperAPI AI 工具集

typeui-fundamentals

设计与创作

查看项目

更新于 10-15 17:25

技能介绍

用途:这是一套与具体设计系统无关的通用设计原则说明,解释模式为何有效、如何正确应用,以及哪些无障碍要求不可妥协;适用于各类界面与工作流的任意阶段。

主要内容模块:ui-principles.md 覆盖视觉设计原则,包括层级、布局节奏、字体排印位置、色彩理论、深度与分层、交互设计、响应式适配与组件行为;spacing-principles.md 覆盖间距原则,如 4 点网格、邻近分组、内外间隙、水平与垂直节奏、标题到段落的间距、区块与组件间距层级;ux-principles.md 覆盖交互与控制原则,包括 30 条 UX 法则、按钮/控件状态契约(9 种状态)、悬停/激活技巧、触控目标、认知负荷与反馈回路;typography-principles.md 覆盖字体系统基础、比例与模块化比率、可读性与行宽、无障碍、响应式字体以及品牌调性表达;accessibility.md 覆盖 WCAG 2.1/2.2 合规,包括对比度、颜色作为信息传达的规则、焦点可见性、键盘导航、动效安全、目标尺寸、文本间距、语义结构与 ARIA。

使用方式:应在加载设计系统(SKILL.md / DESIGN.md 加 token 模块)之后再阅读这些文件;设计系统告诉你使用哪个 token,这些文件解释该决策为何正确以及如何避免常见违规。

不包含的内容:工作流阶段、质量门禁与审计、反模式目录、行业特定内容、设计 token 与组件规格均不在此层。

冲突处理:具体取值以设计系统为准;结构性原则(层级、无障碍、动效逻辑)以本原则层为准;流程与内容架构以垂直层为准;无障碍在所有层级上不可妥协,覆盖美学偏好。设计系统未覆盖的决定回退到本原则,但不得与设计系统矛盾,冲突时应标记待审。

限制:资料未提供安装命令、平台信息、收费方式或效果数据,暂未提供。