深色模式

frontend-ui-dark-ts 帮助你使用 TypeScript、Tailwind CSS、Framer Motion 和可复用设计 tokens 构建深色主题的 React UI。它适合仪表盘、管理后台、分析视图以及其他需要精致暗色美感和一致组件模式的数据密集型界面。

ui-web 帮助你设计和美化 Web UI 组件，提供 WCAG 2.1 AA 检查、强对比度、可见控件以及适合深色模式的 Tailwind 模式。对于 React 风格前端，当你需要实用的 UI 设计指导来提升可访问性并减少试错时，可以使用这个 ui-web 技能。

ui-testing 技能提供一套基于检查清单的 UI 验证工作流，可在发布前发现看不见的按钮、对比度不足、焦点态缺失以及触控目标过小等问题。它特别适合 UI 设计评审、组件检查和快速的可访问性基础排查；相比通用测试提示词，能减少很多猜测。

ios-design-guidelines 可帮助你根据 Apple Human Interface Guidelines 审查、调整并重写 iPhone 的 SwiftUI/UIKit 界面。它适合在需要针对 UI Design 获得实用的 ios-design-guidelines 指南反馈时，用于布局、导航、可访问性、Dynamic Type、Dark Mode 以及系统组件选型。

makepad-2.0-theme 是一套面向 Makepad 2.0 的主题技能，用于应用 `theme.*` 变量、切换深色/浅色主题，并保持设计 token 的样式一致性。本指南可帮助你了解 makepad-2.0-theme 的安装与用法，适用于生产级 UI 和设计系统。