用途：该技能用于从零构建完整前端 UI，适合需要 3 个以上 Syncfusion 组件、需要设计系统决策（CSS 框架、颜色、间距、字体）的完整页面或仪表盘，以及需要 WCAG 2.1 AA 校验的多阶段工作流。不适用于单个组件配置、快速实现问答、组件教程或排错，也不生成后端代码、数据库模型、鉴权逻辑、服务端校验、路由配置或基础设施配置。
主要能力：生成带 hooks 的 React 函数组件（.tsx/.jsx）、CSS 样式表（CSS Modules、Tailwind 类、内联样式）、TypeScript 接口、Syncfusion 组件集成、客户端表单校验、WCAG 2.1 AA 无障碍标记、移动优先响应式 CSS，以及组件索引导出文件。数据仅使用 useState 硬编码示例，不调用真实 API。
使用方式：前置条件为 React 18+、Next.js 13+、Vite 或 CRA 项目，Node.js 18+ 及 npm/yarn/pnpm。缺失组件库时可运行 npx skills add syncfusion/react-ui-components-skills -y。技能按 8 阶段执行：意图分析、项目检测、布局分析与组件映射、主题与设计系统（唯一用户确认点）、代码生成、依赖安装、校验、代码插入。第 2 阶段可覆盖自动检测的框架、语言、CSS 策略与组件目录。许可证方面会检查 .env.local 中的 SYNCFUSION_LICENSE_KEY，缺失时提示获取免费社区许可证，跳过则预览会出现水印。
限制：仅前端，不生成后端代码；不处理真实 API 请求；除用户提供的许可证密钥外不写入机密；复杂 UI 必须拆分为模块化子组件。若某阶段失败会重试一次，仍失败则尝试变通或跳过并通知用户。