这是一个用于自动生成高质量、现代化React组件的技能工具。它专注于使用TypeScript、React Hooks和状态管理，并遵循无障碍（a11y）最佳实践。核心功能包括：一键生成函数组件、自定义Hooks和Context Provider，支持Props类型定义、样式配置和加载状态处理。适用于前端开发人员快速构建可复用、类型安全且易于维护的UI组件库，提升开发效率和代码质量。关键词：React组件生成，TypeScript，Hooks，前端开发，无障碍设计，状态管理，UI库。

这个技能提供了移动应用开发的全套参考指南，涵盖iOS、Android和跨平台开发的技术选型、架构模式、性能优化、测试部署等核心内容。关键词：移动开发、iOS开发、Android开发、Swift、Kotlin、React Native、Flutter、跨平台、架构设计、性能优化、CI/CD、应用商店发布。

这个技能用于通过React/Remotion组件代码渲染视频，支持所有Remotion API，如useCurrentFrame、useVideoConfig、spring、interpolate等。可配置分辨率、FPS、时长和编解码器，适用于程序化视频生成、动画图形、运动设计、数据驱动视频和React动画转视频。关键词：视频渲染、React、Remotion、代码生成视频、程序化视频、动画制作、TSX转MP4、前端动画。

此技能提供Remotion的最佳实践指南，帮助开发者使用React高效创建视频内容，涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词：Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化

Next.js 15 应用的前端开发指南，涵盖 React 19、TypeScript、Shadcn/ui、Tailwind CSS 等现代开发模式，包括 Server Components、Client Components、App Router、文件结构、组件、性能优化和 TypeScript 最佳实践。

这个技能专注于React前端开发中的组合模式，帮助开发者构建可扩展、可维护的组件，通过避免布尔属性泛滥，使用复合组件、状态提升和上下文提供者优化组件架构。关键词：React，组合模式，前端开发，组件架构，状态管理，可维护性，SEO。

设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。

这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。

前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

全栈开发技能，提供项目脚手架、代码质量分析和架构模式指导，支持React、Next.js、Node.js、GraphQL、PostgreSQL等现代技术栈，适用于构建和优化Web应用程序，关键词：全栈开发、代码质量、架构模式、React、Node.js、PostgreSQL、SEO优化。

该技能提供 Ant Design React 组件库的全面使用指南，帮助开发者快速构建 React 应用，支持组件如按钮、表单、表格的集成，主题定制，国际化，TypeScript 类型支持等，关键词包括 Ant Design, React, 组件库, 前端开发, UI 设计, 主题定制, 国际化, TypeScript。

Strands AI 代理 SDK 是一个开源的 AI 代理开发框架，支持模型无关的代理设计、ReAct 推理模式、多代理系统构建，并深度集成 AWS AgentCore。适用于开发生产级 AI 应用，如智能客服、自动化工作流和复杂决策系统。关键词：AI 代理、模型无关、ReAct、多代理、AWS、AgentCore、SDK、人工智能、开源框架。