用途：为现代响应式 Web 应用提供 UI/UX 设计指引，涵盖设计系统选型、布局、组件、表单、暗色模式与可访问性。
主要能力：一是设计系统选型，依据参考资料 references/design-system-comparison.md 从包体积、定制性、开发速度等维度给出推荐，例如待办应用/现代 SaaS 推荐 shadcn/ui + Tailwind，快速原型可选 Chakra UI 或 Mantine，企业仪表盘可选 Material UI 或 Ant Design，纯 TypeScript 项目可选 Mantine。二是响应式布局，采用移动优先与标准断点 sm 640px、md 768px、lg 1024px、xl 1280px，卡片用 grid，导航用 flex。三是各设计系统的组件模式，含 Tailwind 样式、shadcn/ui 组件、MUI 主题与 sx、Chakra 样式属性与色彩模式。四是表单与校验，推荐 React Hook Form + Zod，并包含标签、错误提示、助手文本与加载禁用态。五是可访问性，要求语义化 HTML、ARIA 标签、键盘导航、WCAG AA 对比度与至少 44x44px 触控目标。六是暗色模式与组件模板，提供待办卡片与任务表单模板。
使用方式：安装 shadcn/ui 组件可执行 npx shadcn-ui@latest add button card input form dialog badge tabs checkbox；其余为按需阅读对应 references 与 assets 文件并适配到项目设计系统。
适用场景：新项目设计系统搭建、待办类应用界面构建、已有项目响应式与无障碍优化、设计系统迁移评估。
限制：资料未提供收费、价格、平台或效果保证等信息；具体版本兼容性与运行环境暂未提供。