design-references

设计参考技能为 UI/UX 代理程序提供了全面的知识库，使其能够立即获取工业标准的设计系统规范。此工具专为前端开发人员、UI 工程师及设计系统架构师而设计，通过确保实作严格遵循既定的设计原则、色彩系统、排版比例及组件模式，简化了代码审阅流程。代理程序无需手动搜索外部文档，即可通过程序化方式查询这些参考资料，以验证布局完整性、无障碍合规性以及与热门框架之间的一致性。

• 存取 Material Design 3、Apple Human Interface Guidelines (HIG)、Tailwind UI、Ant Design 及 Shadcn/ui 的权威设计资料。

• 检索有关色彩系统的结构化细节，包括语义化色彩角色、色调调色盘以及符合 WCAG 标准的对比度指标。

• 查阅包含字体角色、字重、行高及系统专用单位 (sp, pt, px) 的排版比例。

• 使用预定义的审阅清单来自动验证触控目标、网格系统及深色模式支持。

• 利用响应式间距模式及基准网格定义，实时侦测常见的布局差异。

• 执行 UI 审阅时，请提供具体的参考 ID (例如 material-3, apple-hig, tailwind-ui) 以获取相关限制。

• 利用这些资料将当前的 DOM 或组件属性与参考建议值进行比对。

• 此技能在与浏览器测试代理程序搭配使用时表现最佳，可用于将计算出的 CSS 值与提供的设计准则进行交叉比对。

• 请注意，这些是仅用于验证的静态参考，不会自动套用变更，但可作为代理程序推荐改进方案的事实来源。

• 非常适合需要高度还原原生平台规范（如 iOS/macOS）或网络标准框架（如 Tailwind）的跨平台应用程序。