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

前端工程技能专注于现代Web应用的高质量开发，涵盖多种前端框架如Next.js、React、Vue、Angular、Svelte的选择与最佳实践，包括TypeScript编码、Tailwind CSS样式、状态管理、测试、性能优化和可访问性。适用于构建企业级、用户友好的Web界面。关键词：前端开发、Web应用、框架、TypeScript、性能、可访问性、SEO优化。

这个技能用于在React Native Web中进行样式设计，提供StyleSheet API、平台特定样式、响应式设计和主题化的模式。关键词：React Native Web、样式设计、响应式、主题化、前端开发、跨平台应用。

本技能涉及移动用户界面设计的最佳实践，包括React Native框架的使用，以及iOS和Android平台的特定设计模式。它涵盖了从触摸目标尺寸、颜色对比度、可见性规则到辅助功能标签等一系列关键的UI设计原则，确保移动应用的可访问性和用户友好性。

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

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

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

本技能专注于移动应用（iOS、Android、React Native、Flutter）的性能分析与优化。提供全面的性能剖析工具链使用指南，包括Xcode Instruments、Android Profiler、Flipper和Flutter DevTools，帮助开发者识别CPU瓶颈、内存泄漏、渲染卡顿、启动缓慢等核心性能问题，并提供代码级的优化方案和最佳实践。关键词：移动性能优化，应用性能剖析，内存泄漏检测，帧率优化，启动加速，React Native性能，Flutter性能，SwiftUI优化，Jetpack Compose优化。

前端设计技能专注于创建独特、高质量的前端界面，使用HTML、CSS、JavaScript、React等技术实现，避免通用AI美学，适用于构建网页组件、页面、应用程序等场景。强调创意设计、美学优化和代码精细化。关键词：前端设计、UI设计、网页开发、创新代码、美学界面、生产级前端、避免AI美学、设计思维。

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

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

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