这个技能用于使用React Native构建跨平台的web应用，涵盖核心概念、组件和开发模式。关键词：React Native Web, 跨平台开发, web应用, React Native 组件, 前端开发。

国际化（i18n）与本地化（l10n）技能用于设计和实现多语言应用程序，包括翻译管理、区域特定格式化、RTL布局支持、复数化规则等，覆盖从架构模式到流行库的应用。关键词：国际化、本地化、翻译、多语言、区域格式化、RTL支持、复数化、日期格式、数字格式、货币格式、i18next、react-intl、gettext、ICU MessageFormat、Intl API、CSS逻辑属性、语言检测、SEO优化。

本技能提供系统化的表单构建指导，涵盖输入组件选择、验证策略、可访问性合规（WCAG 2.1）、UX最佳实践，以及JavaScript/React和Python的示例实现。适用于创建各种表单界面，如注册流程、调查问卷、多步向导等。关键词：表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。

ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务，涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。

此技能用于创建独特、生产级的前端界面，强调美学设计和代码质量，避免通用AI生成风格。适用于Web开发、UI/UX设计、创意编码，关键词包括前端设计、Web开发、美学界面、创意编码、SEO优化、HTML/CSS、React、Vue。

全面的UI/UX设计智能助手，覆盖50+风格、161种调色板、57种字体配对、161种产品类型、99条UX指南，支持10个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）。可进行风格选择、设计系统生成、可访问性检查、性能优化、交互动效、跨平台应用设计等，适用于网站、落地页、仪表盘、SaaS、移动应用等产品的UI/UX设计与质量审查。关键词：UI设计、UX设计、界面设计、设计系统、风格指南、调色板、字体配对、响应式设计、可访问性、组件库、前端开发、移动应用设计。

原型到生产技能是一款自动化工具，用于将设计原型（如HTML、CSS、Figma导出文件）高效转换为生产就绪、类型化的前端组件。它通过分析原型结构，智能提取设计令牌和可复用模式，并遵循原子化设计方法论，生成符合项目技术栈（如React、TypeScript、Tailwind CSS）的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建，提升从设计到开发的转化效率和质量。关键词：原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。

创世是一个全栈项目生成器技能，能够根据用户指令快速生成现代化Web前端、Python后端、Go后端和小程序项目。支持React 19 + Vite + TailwindCSS V4技术栈的前端开发，FastAPI + UV的Python后端，Gin + GORM的Go后端，以及Taro 4.x跨端小程序。提供模板复制和AI生成两种模式，满足快速启动和深度定制需求。关键词：项目生成器、全栈开发、React项目、FastAPI、Go Gin、Taro小程序、模板复制、AI生成、代码生成、开发工具。

Tamagui最佳实践技能，专注于React Native和Web跨平台UI开发框架Tamagui的高级应用模式。提供配置v4、编译器优化、样式化上下文、复合组件、设计令牌、主题化、性能优化和常见反模式解决方案。关键词：Tamagui, React Native, 跨平台开发, UI框架, 样式系统, 编译器优化, 设计系统, 移动开发, Web开发, 性能优化。

这是一个全面的性能优化技能，专注于软件应用的性能分析、瓶颈识别、内存泄漏检测、数据库查询优化、前端性能提升（包括核心网页指标LCP/FID/CLS）、负载与压力测试、容量规划以及React等框架的特定优化。适用于开发人员、测试工程师和DevOps专家进行性能调优、监控设置和性能审计，确保应用在高并发下稳定高效运行。关键词：性能分析、瓶颈识别、内存泄漏、数据库优化、前端性能、负载测试、压力测试、容量规划、React优化、核心网页指标、性能监控、代码优化。

这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产，并将 Figma 节点翻译成生产代码（如 React + Tailwind），实现设计到代码的自动化转换。适用于前端开发项目，提高开发效率，确保设计一致性，支持链接驱动的实现流程。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。

React性能优化技能专注于提升React应用程序的运行效率和用户体验，涵盖React编译器应用、代码打包优化、渲染性能提升、数据获取策略、核心Web指标改进、状态管理优化、性能分析和内存泄漏预防。适用于前端开发者优化应用性能、减少加载时间、提升SEO友好性，并整合数据分析、性能测试和最佳实践，以支持高效开发和业务增长。