Zustand状态管理技能提供React应用中Zustand库的最佳实践指南，涵盖存储架构、选择器优化、重新渲染预防等关键方面，帮助开发者优化性能、提高代码可维护性，并集成SSR和TypeScript。关键词：Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。

这个技能提供全面的Expo React Native移动应用开发指南，涵盖项目设置、路由导航、屏幕开发、数据管理、认证安全、深度链接等关键领域。适用于前端开发者和移动应用开发者，帮助快速构建高性能的Expo应用。关键词：Expo, React Native, 移动开发, 前端开发, 导航, 认证, 深度链接。

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、设计系统。

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

这个技能是一个前端开发工具套件，专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品，支持状态管理和路由，不适用于简单文件。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。

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

本技能专注于使用React Native和Flutter进行跨平台移动应用开发，涵盖导航、状态管理和响应式设计等核心模式。适用于构建高效、可扩展的移动应用，提升开发效率和用户体验。关键词：移动开发, React Native, Flutter, 导航, 状态管理, 响应式设计, 跨平台应用, 性能优化, 用户体验

该技能是一套用于构建复杂前端HTML工物的工具，基于React、TypeScript、Tailwind CSS、shadcn/ui等现代技术，支持状态管理、路由和组件化开发，特别针对Claude.ai平台，便于前端开发者快速创建、打包和共享交互式工物。关键词包括：Web工物构建、前端开发、React工物、Claude.ai、HTML打包、前端工具、状态管理、路由、shadcn/ui。

这个技能用于在前端应用程序中设置和配置Bknd TypeScript SDK，包括Api类初始化、身份验证令牌管理、与React等框架集成，以及TypeScript类型注册。适用于开发人员连接Bknd后端服务，提升前端开发效率。关键词：Bknd SDK, 前端开发, 身份验证, React集成, TypeScript, 客户端配置。

这个技能提供了一个指南，用于在Phoenix monorepo中迁移或升级TypeScript工具，包括工具替换、版本升级和依赖管理。关键词：TypeScript、工具迁移、前端开发、monorepo、CI/CD、React、oxlint、oxfmt。

这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。