为Algorand dApps创建React前端，并集成钱包，实现与智能合约的交互。

此技能提供React Native和Expo移动应用开发的最佳实践指南，涵盖列表性能优化、动画实现、UI模式、状态管理等关键领域，帮助开发者提升应用性能和用户体验。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理。

这个技能用于自动生成Jest单元测试，适用于JavaScript和TypeScript代码，包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率，覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词：Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。

这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。

此技能用于指导开发者使用Expo框架进行移动应用开发，遵循最佳实践，涵盖导航、状态管理、离线支持、推送通知、深度链接和性能优化等方面。关键词：Expo, 移动开发, React Native, 导航, 状态管理, 离线支持, 推送通知, 深度链接, 性能优化

本技能组提供综合指南，用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词：Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。

shadcn/ui 是一个前端开发技能，用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件，基于 TypeScript、Tailwind CSS 和 Radix UI，支持通过 CLI 工具复制和粘贴组件到项目中，实现高效的 UI 开发和自定义。关键词：前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。

这是一个由Vercel工程团队提供的React和Next.js性能优化技能指南，包含57条规则，分为8个优先级类别，用于指导开发者编写、审查和重构代码，以消除性能瓶颈、优化包大小、提升服务器和客户端性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码重构, 包优化, 数据获取

此技能提供全面的质量保证和测试自动化解决方案，专为现代 Web 应用如 ReactJS、NextJS、NodeJS 设计。核心功能包括自动化测试套件生成、代码覆盖率分析、端到端测试脚手架搭建，帮助团队提升软件质量、优化测试策略和确保应用稳定性。关键词：质量保证、测试自动化、测试套件、覆盖率分析、E2E 测试、ReactJS、NextJS、NodeJS。

这个技能提供React Hooks的全面学习资料和实践指导，涵盖内置hooks如useState、useEffect以及自定义hooks的使用，帮助前端开发者在函数式组件中高效管理状态、处理副作用和优化性能。关键词包括React Hooks、前端开发、函数式组件、状态管理、副作用处理、性能优化、自定义hooks、JavaScript。

这个技能专注于使用Expo和React Native开发生产级移动应用程序的架构模式，涵盖导航、状态管理、原生模块集成、离线同步、性能优化、CI/CD部署等关键方面，适用于构建iOS和Android应用。关键词包括：React Native、Expo、移动开发、架构设计、原生模块、离线同步、性能优化、导航模式、状态管理、EAS构建、OTA更新。

该技能是一个用于创建复杂HTML产物的前端开发工具套件，基于React、Tailwind CSS和shadcn/ui技术栈。它通过自动化脚本初始化项目、开发产物并捆绑成单个HTML文件，适用于构建需要状态管理、路由和多组件交互的Web应用。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML产物构建、工具套件、claude.ai。