design-references

设计参考技能（Design References Skill）是一个专为前端工程师与 UI/UX 设计师打造的知识库，旨在协助用户根据业界标准设计系统快速验证界面设计。此技能汇总了 Material Design 3 (Google)、Apple Human Interface Guidelines (iOS/macOS)、Tailwind UI、Ant Design 与 Shadcn/ui 等主流框架的技术限制与设计原则，确保跨平台开发的一致性与可访问性。该技能在代码审查或设计实现阶段特别实用，让代理程序能自动核对字体比例、间距规范、配色系统与平台特定的元件行为。

• 提供 M3、Apple HIG 及 utility-first 框架的架构设计原则。

• 内含字体比例、基准网格与触摸目标大小（dp/pt）的技术规格查询。

• 包含浅色/深色模式实现的语义化颜色映射及对比度标准 (WCAG)。

• 提供按钮、导航栏、卡片与输入表单等常见 UI 元件的检查清单。

• 辅助进行自动化 UI 一致性检查，确保专案符合既定的设计标记系统。

• 当进行设计审查时，使用此技能来对照现有代码与官方设计文件规范。

• 输入通常为 UI 元件或布局文件，输出则提供对比分析、指标验证及合规检查清单。

• 请注意设计系统会持续演进，请务必参考官方链接以获取最新版本信息。

• 可无缝整合至 ui-developer 代理程序工作流，执行自动化前端验证任务。

• 协助设计师与开发者在运用原子化类（utility classes）或系统原生控件时，维护品牌设计的一致性。