搜索结果: "react"
VercelReact最佳实践Skill vercel-react-best-practices
这是一个由Vercel维护的React和Next.js应用性能优化综合指南，包含45条规则，涵盖8个类别，按影响优先级排序，用于指导前端开发中的代码编写、审查和重构，以提高应用性能。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 代码生成, 自动化重构。
React组件模式Skill component-patterns
这个技能涵盖React中各种组件模式，如组合模式、自定义钩子、渲染属性、高阶组件和复合组件，用于构建高效、可维护的前端UI组件。关键词：React组件、组合、自定义钩子、渲染属性、高阶组件、复合组件、性能优化、前端开发、代码分割、虚拟滚动。
TypeScript工具迁移技能Skill typescript-tooling-migration
这个技能提供了一个指南，用于在Phoenix monorepo中迁移或升级TypeScript工具，包括工具替换、版本升级和依赖管理。关键词：TypeScript、工具迁移、前端开发、monorepo、CI/CD、React、oxlint、oxfmt。
卓越前端设计技能Skill frontend-design
这个技能专注于创建独特、生产级的前端界面，强调高质量设计和避免通用AI美学。它提供从设计思考到代码实现的完整流程，涵盖排版、颜色、动效等美学元素，适用于Web开发、UI设计、React组件、HTML/CSS布局等场景。关键词：前端开发、UI设计、创意代码、生产级接口、美学指南、Web组件、前端美学。
Reactome数据库Skill reactome-database
这个技能用于查询Reactome数据库进行通路分析，包括富集分析、基因-通路映射、疾病通路探索、分子交互分析和表达分析，适用于系统生物学研究。关键词：Reactome、通路分析、系统生物学、生物信息学、基因富集、分子交互。
Web前端构建工具Skill web-artifacts-builder
这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。
React组件生成器Skill react-component-generator
这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。
shadcnUI组件库Skill shadcn-ui
shadcn/ui 是一个前端开发技能，用于快速构建基于 React 的应用用户界面。它提供了一系列预设计的、美观且可访问的 UI 组件，基于 TypeScript、Tailwind CSS 和 Radix UI，支持通过 CLI 工具复制和粘贴组件到项目中，实现高效的 UI 开发和自定义。关键词：前端开发、UI 组件、React、Tailwind CSS、shadcn/ui、Radix UI、TypeScript、可访问性、深色模式、表单验证。
Next.js前端框架Skill nextjs
Next.js 是一个基于 React 的前端开发框架，专为构建生产级全栈 Web 应用设计，支持服务器端渲染、静态生成和自动优化功能。此技能适用于构建高效、可扩展的 Web 应用，实现现代路由架构、数据获取、性能优化和 SEO 提升。关键词：Next.js, React框架, 服务器端渲染, 静态生成, Web开发, 前端框架, 性能优化, SEO, 全栈应用。
ExpoReactNative开发技能Skill expo-react-native-coder
这个技能提供全面的Expo React Native移动应用开发指南，涵盖项目设置、路由导航、屏幕开发、数据管理、认证安全、深度链接等关键领域。适用于前端开发者和移动应用开发者，帮助快速构建高性能的Expo应用。关键词：Expo, React Native, 移动开发, 前端开发, 导航, 认证, 深度链接。
技术栈检测Skill tech-stack-detection
技术栈检测技能自动识别项目中的技术框架（如React、Vue）、包管理器和配置模式，适用于项目启动、依赖分析、框架指导，帮助开发人员快速理解架构并优化开发流程。关键词：技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。
Zustand状态管理技能Skill zustand-state-management
这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。