中文概述 · 根据原始文档整理，完整规则与命令请查看「文件」中的 SKILL.md。

界面样式与组件设计

结合 shadcn/ui、Radix UI 和 Tailwind CSS，构建可访问、响应式且风格统一的界面。

适用场景

React 技术栈中的表单、弹窗、导航、表格、图表与命令面板，以及主题定制、深色模式和设计系统。

核心方法

• 组件层：使用可组合的组件与交互基础。
• 样式层：使用 Tailwind 管理布局、间距、颜色和响应式变化。
• 设计层：通过统一变量和视觉规范保持一致性。

实施流程

先明确组件和状态，再处理布局与主题；同时检查键盘操作、焦点、对比度与不同屏幕宽度。

重点要求

移动端优先，同时保证无障碍和可读性。 shadcn/ui 组件代码在项目内维护，安装与定制前需核对当前项目依赖和框架。