用途：使用 Rayden UI 组件库生成生产级 React + Tailwind CSS 代码，遵循指定设计系统，适用于构建新页面或功能、搭建仪表盘/落地页/登录页/设置页/数据表格、快速原型设计等场景。
主要能力：加载 RAYDEN_RULES.md 完整参考，包含 34 个组件的 props、设计理念、令牌类、布局模式、反模式禁用列表和无障碍规则；解析请求后识别页面类型、所需组件和数据模型；规划布局并决定结构、组件、间距、颜色与层级；仅使用文档化组件和令牌类生成代码；最后运行 16 项自检清单，覆盖正确性（有效组件/props、令牌使用、嵌套）与设计质量（留白、层次、克制、响应式）。
使用方式：需先安装 @raydenui/ui（npm install @raydenui/ui），并在应用入口导入 @raydenui/ui/styles.css 使设计令牌生效。用自然语言描述需求，技能会映射到对应组件。示例：/rayden-code a dashboard with KPI cards, a recent orders table, and an activity feed。若还需在 Figma 中构建同样设计，可配合 /rayden-use 使用。
限制：输出仅涉及 UI，不处理数据获取，业务逻辑需自行审查；仅读取内置规则文件并写入代码，无外部网络请求，不涉及密钥，代码使用标准 React 模式，无 eval 或动态执行；组件不存在时报错说明请求超出 Rayden 范围；颜色应使用令牌类（如 bg-primary-500）而非十六进制值；响应式需确保 viewport meta 标签已设置；不应替代针对具体环境的验证、测试或专家审查；若缺少必要输入、权限、安全边界或成功标准，应停止并请求澄清。