这个技能旨在帮助开发者掌握现代React应用开发的核心模式和最佳实践。涵盖组件设计、Hook使用、状态管理、性能优化、TypeScript集成、错误处理和测试策略。适用于前端工程师和全栈开发者，提升React应用的可维护性、性能和开发效率。关键词：React, Hooks, 组件设计, 状态管理, TypeScript, 性能优化, 测试, 前端开发。

Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。

这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。

这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能，提升开发效率，确保数据验证和API安全性。关键词：表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。

前端协调器技能负责协调和管理前端开发任务，包括React组件、状态管理、UI/UX设计和视觉测试，确保代码质量符合前端标准。

这是一个用于为Terrae组件库自动化生成和更新技术文档的技能。它遵循预设的文档结构和模式，能够创建组件说明、API参考、周志更新等。关键词：Terrae组件文档，技术文档生成，React组件文档，Next.js文档自动化，开发文档工具。

一套基于React、TypeScript、Vite等现代前端技术的工具，用于快速构建和打包复杂的claude.ai HTML工件，支持状态管理、路由和丰富的UI组件，适合前端开发者和项目快速原型制作。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML工件、打包工具、状态管理、路由、组件化开发。

Base UI React 是 MUI 提供的无样式、可访问 React 组件库，用于开发可访问的 Web 组件。它支持渲染属性模式，集成 Floating UI 进行精准定位，适用于需要高度自定义样式和可访问性的前端开发场景。关键词：base-ui, React, 无样式组件, 可访问性, Floating UI, Radix UI 迁移, 渲染属性, 前端开发

移动开发技能涉及使用React Native和Flutter等跨平台框架构建应用程序，整合原生功能，优化性能，并处理应用部署。关键词：移动开发、React Native、Flutter、跨平台、原生集成、性能优化、应用商店。

这是一个前端开发指南，专注于现代React/TypeScript应用开发，包括Suspense数据获取、懒加载、文件组织、MUI v7样式、TanStack Router、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、数据获取、样式、路由或前端代码工作。关键词：前端开发、React、TypeScript、Suspense、懒加载、性能优化、MUI、TanStack Query、路由、组件模式、数据获取、文件组织、样式设计、性能优化、TypeScript最佳实践。

Framer Motion 是一个用于 React 和 Next.js 应用程序的强大动画库。它提供声明式的动画组件、手势支持、页面过渡、滚动动画等功能，帮助开发者轻松创建流畅、高性能的用户界面动画。关键词：React动画库，Framer Motion教程，页面过渡动画，手势交互，滚动触发动画，UI动画，前端开发，Next.js动画。

专家级框架，用于实现无限滚动，包括使用Intersection Observer、虚拟滚动、React Query和针对大数据集的性能优化。