React、Next.js、TypeScript 和 Tailwind CSS 前端开发技能。适用于构建 React 组件、优化 Next.js 性能、分析包体积、搭建前端项目、实现无障碍访问或审查前端代码质量

构建 React 组件，实现响应式布局，管理客户端状态。精通 React 19、Next.js 15 和现代前端架构

生成用于渲染 FOSMVVM 视图模型的 React 组件，使用 Hook、加载状态和 TypeScript 类型搭建 ViewModelView 模式

使用 AIOZ UI V3 设计系统构建 UI 组件和页面。当用户需要创建、编辑或样式化 React 组件时，使用此技能，包括应用 AIOZ UI 令牌、Tailwind 类、颜色令牌、排版工具、@aioz-ui/icon-react 中的图标，或图表组件（LineChart、AreaChart、BarChart、DonutChart）。当任务涉及 AIOZ UI 组件、设计令牌如 --sf-neu-block 或 --text-neu-bold、品牌颜色、排版类（text-title-01、text-body-02）、图标导入、数据可视化，或将 Figma MCP 输出转换为生产就绪代码时，触发此技能。

使用 AIOZ UI V3 设计系统构建 UI 组件和页面。当用户需要创建、编辑或样式化 React 组件时，使用此技能，包括应用 AIOZ UI 令牌、Tailwind 类、颜色令牌、排版工具、@aioz-ui/icon-react 中的图标，或图表组件（LineChart、AreaChart、BarChart、DonutChart）。当任务涉及 AIOZ UI 组件、设计令牌如 --sf-neu-block 或 --text-neu-bold、品牌颜色、排版类（text-title-01、text-body-02）、图标导入、数据可视化，或将 Figma MCP 输出转换为生产就绪代码时，触发此技能。