搜索结果: "react"
react-state-flowsSkill react-state-flows
React复杂状态流管理：用于处理React中多步骤操作、异步流程、状态机模式或调试流程排序问题。适用于React Web和React Native。
ReactNative导航(ExpoRouter)Skill rn-navigation
Expo Router 是一个用于 React Native 应用的文件系统基础路由库，支持导航、路由、深度链接、标签栏、模态框和导航状态管理。
WebAuthentication(React)Skill web-auth
React 应用程序的身份验证模式，包括登录流程、OAuth、JWT 处理、会话管理和受保护的路由。
WebStyling(React)Skill web-styling
这个技能涵盖了React Web应用的样式模式，包括Tailwind CSS、CSS Modules、主题设计、响应式设计和组件样式。关键词：Tailwind CSS、CSS Modules、响应式设计、主题系统。
性能审计技能Skill perf
这是一个用于React前端组件性能审计的AI技能，能够自动扫描代码库，识别性能瓶颈、内存泄漏和优化机会。关键词：前端性能优化，React组件审计，内存泄漏检测，代码质量分析，性能评分，自动化代码审查，Web应用性能，渲染优化，资源清理，最佳实践检查。
ReactWeb技能Skill react-web
React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。
Next.js全栈模式Skill nextjs-fullstack-patterns
这个技能是关于使用Next.js框架构建全栈Web应用程序的实践模式，涵盖App Router、服务器组件、数据获取、认证和部署等关键技术。适用于开发现代、高性能的React应用，关键词包括：Next.js, 全栈开发, React, TypeScript, 服务器组件, 数据获取, 认证, 部署, Web开发。
编码标准与最佳实践Skill coding-standards
这个技能提供了适用于TypeScript、JavaScript、React和Node.js开发的编码标准、最佳实践和模式，旨在提高代码质量、增强可读性和可维护性，适用于前端和后端软件开发。关键词包括编码标准、最佳实践、TypeScript、JavaScript、React、Node.js、代码质量、可维护性、软件开发。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的全面性能优化指南，包含57个规则，分为8个优先级类别，旨在帮助开发者在编写、审查或重构代码时遵循最佳实践，优化性能、减少加载时间和改善用户体验。适用于前端开发中的性能调优。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 包优化, 服务器渲染。
内容集合工具Skill content-collections
内容集合工具是一个用于将本地Markdown和MDX文件转换成类型安全TypeScript数据的构建工具，专为博客、文档网站等内容密集型应用设计。它提供自动验证、热重载、与Vite和React的无缝集成，并支持Zod模式验证和MDX组件，提升开发效率和内容管理的可靠性。关键词：内容集合、类型安全、TypeScript、Markdown、MDX、Vite、React、Zod验证、前端开发工具。
前端构建工具套件Skill artifacts-builder
这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。
静态JSX元素提升渲染优化Skill rendering-hoist-jsx
该技能用于在 React 前端开发中优化 JSX 渲染性能，通过提取静态 JSX 元素到组件外部，避免每次渲染时的重新创建，提高应用效率和响应速度，特别适用于大型静态 SVG 节点。关键词包括：React、JSX、渲染优化、静态元素、性能提升、前端开发、性能优化。