搜索结果: "react"
Web框架技能组Skill web-frameworks
本技能组提供综合指南，用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词：Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。
移动开发Skill mobile-development
移动开发技能专注于使用现代框架如React Native、Flutter、Swift、Kotlin构建iOS和Android移动应用。涵盖移动优先设计、性能优化、离线架构、安全最佳实践等，帮助开发者高效开发高质量移动应用，适用于跨平台或原生开发决策。关键词：移动开发、React Native、Flutter、iOS、Android、性能优化、安全。
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
设计系统专家Skill design-systems
设计系统专家技能专注于创建可扩展的设计基础，包括基于令牌的主题化、一致的组件API、设计系统架构和清晰文档。关键词：设计系统、令牌、主题化、组件、架构、前端开发、CSS、React、测试驱动开发、性能优化。
零构建前端开发Skill zero-build-frontend
零构建前端开发是一种前端技术，通过CDN直接加载React、Tailwind CSS等库，无需本地构建工具，适用于快速开发静态网站、地图应用、数据驱动应用和浏览器扩展。关键词：零构建、前端开发、CDN、React、Tailwind CSS、JavaScript、静态网站、浏览器扩展、Google Sheets、Leaflet。
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词：Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
React性能优化最佳实践Skill react-best-practices
这是一个用于优化React和Next.js应用程序性能的技能，基于Vercel的最佳实践指南。它提供57个规则，涵盖8个关键类别，如消除瀑布流、包大小优化和重渲染优化，帮助开发者在代码编写、审查和重构中提升应用性能。关键词：React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。
Shopify开发Skill shopify-developer
这个技能涵盖了Shopify电商平台的全面开发参考，包括Liquid模板语言、主题开发（OS 2.0）、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象（产品、集合、购物车、客户）、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions，或使用Hydrogen和React Router 7构建无头商店前端。关键词：Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。
ReactNative最佳实践技能集Skill react-native-skills
这个技能集提供了React Native和Expo应用开发的全面最佳实践指南，涵盖性能优化、动画实现、UI设计、状态管理等多个关键领域。旨在帮助开发者构建高性能移动应用，适用于移动开发、前端优化和跨平台开发场景。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理, 原生模块, 最佳实践。
FigmaMCP集成Skill figma
这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产，并将 Figma 节点翻译成生产代码（如 React + Tailwind），实现设计到代码的自动化转换。适用于前端开发项目，提高开发效率，确保设计一致性，支持链接驱动的实现流程。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。
React组合模式技能Skill react-composition-patterns
这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。
跨平台移动开发专家Skill mobile-agent
此技能专注于跨平台移动应用开发，使用Flutter和React Native等技术，用于构建高性能的iOS和Android原生应用。涵盖移动UI设计、平台功能集成、离线优先架构等关键方面，旨在实现清洁架构和高效状态管理。关键词：移动开发、跨平台、Flutter、React Native、iOS、Android、清洁架构、状态管理、UI设计、离线优先。