移动设计系统是一个专注于移动应用设计的技能框架，提供移动优先设计思维、触摸交互原则、性能优化指南和平台特定决策。适用于iOS和Android应用开发，支持React Native、Flutter和原生开发。教导设计原则而非固定值，帮助开发者构建高效、用户体验友好的移动应用。关键词：移动设计、触摸交互、性能优化、平台适配、移动应用开发、UI/UX设计、移动优先、React Native、Flutter、iOS、Android。

Web Artifacts Builder是一个专为Claude.ai平台设计的HTML工件生成工具套件。该工具使用React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术，帮助用户快速创建复杂、交互式的多组件HTML工件。支持状态管理、路由功能，并能将完整的前端应用打包为单个HTML文件，便于在对话中直接分享和使用。适用于需要高级UI组件和复杂交互的Claude.ai工件开发场景。 关键词：Claude.ai工件开发、React前端工具、HTML打包工具、shadcn/ui组件库、Tailwind CSS主题、前端自动化构建、单文件HTML应用、AI助手工具开发

React Native移动应用调试技能，提供React Native和Expo应用的完整调试解决方案。涵盖Metro打包器问题修复、原生模块错误排查、性能优化、内存泄漏检测、网络调试、崩溃分析等关键技术。包含iOS和Android双平台调试命令、工具使用指南和常见错误模式分析。

这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载，提高开发启动速度、构建效率和冷启动性能，适用于使用React等现代前端框架时的库导入优化。关键词：前端优化、捆绑大小、导入优化、性能提升、barrel files。

这个技能提供了使用 React Testing Library 进行 React 组件测试的全面指南。它包含多个最佳实践规则，帮助开发者编写可维护、用户中心的测试，覆盖查询选择、异步处理、用户交互等关键方面。适用于前端开发中的测试工作，提升代码质量和用户体验。关键词：React Testing Library, 测试, 最佳实践, 组件测试, 前端开发。

构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。

这个技能用于将 React 前端应用快速集成到 MultiversX 区块链，支持钱包认证、交易签名、智能合约交互和 Web3 功能。适用于构建去中心化应用（dApp）、DeFi 平台、NFT 市场等场景。关键词：MultiversX，区块链，React，dApp 开发，钱包连接，智能合约，Web3。

Redux Toolkit 技能提供在 React 应用中实现现代化状态管理的专家级指导。它专注于 Redux Toolkit 库的核心模式，包括创建类型安全的切片（slice）、使用 createAsyncThunk 处理异步逻辑、配置 RTK Query 进行高效的数据获取与缓存、利用 createEntityAdapter 进行状态规范化，以及集成 Redux DevTools 进行调试。适用于从零搭建 Redux 项目、迁移旧版 Redux 或优化现有状态管理架构。关键词：Redux Toolkit，React 状态管理，RTK Query，异步操作，TypeScript，前端开发，状态规范化。

Storybook组件开发助手是一款专注于前端组件开发与文档化的专家工具。它提供Storybook配置、组件故事编写、交互测试、插件集成和自动化文档生成等核心功能，帮助开发者高效构建可复用、可测试、文档完善的UI组件库和设计系统。适用于React、Vue、Angular等主流前端框架，是提升团队协作效率和代码质量的关键工具。关键词：Storybook配置、组件故事、交互测试、UI文档、设计系统、前端组件库、React组件、Vue组件、自动化文档。

Vitest 测试专家技能，专注于前端 JavaScript/TypeScript 项目的单元测试与集成测试。提供 Vitest 框架配置、模拟策略、覆盖率报告、性能优化及 React 组件测试等专业支持。适用于 TDD 开发流程，提升代码质量与开发效率。关键词：Vitest 测试，单元测试，集成测试，前端测试，JavaScript 测试，TypeScript 测试，React 测试，测试覆盖率，模拟测试，TDD。

这是一个全面的性能工程技能，专注于软件应用的性能分析、优化与测试。它提供从识别瓶颈、优化代码、进行负载/压力测试到设置监控的全套解决方案。特别适用于前端（如React优化、核心Web指标）、后端（如API、数据库查询优化）和全栈应用的性能提升。关键词包括：性能分析、性能优化、负载测试、压力测试、React性能优化、数据库优化、内存泄漏、核心Web指标、容量规划、性能监控。

此技能专注于跨平台移动应用开发，使用Flutter和React Native等技术，用于构建高性能的iOS和Android原生应用。涵盖移动UI设计、平台功能集成、离线优先架构等关键方面，旨在实现清洁架构和高效状态管理。关键词：移动开发、跨平台、Flutter、React Native、iOS、Android、清洁架构、状态管理、UI设计、离线优先。