搜索结果: "react"
性能优化Skill performance
这是一个全面的性能优化技能，专注于软件应用的性能分析、瓶颈识别、内存泄漏检测、数据库查询优化、前端性能提升（包括核心网页指标LCP/FID/CLS）、负载与压力测试、容量规划以及React等框架的特定优化。适用于开发人员、测试工程师和DevOps专家进行性能调优、监控设置和性能审计，确保应用在高并发下稳定高效运行。关键词：性能分析、瓶颈识别、内存泄漏、数据库优化、前端性能、负载测试、压力测试、容量规划、React优化、核心网页指标、性能监控、代码优化。
Next.js开发模式Skill next-js-patterns
Next.js 开发模式指南，涵盖应用路由器、服务器组件、客户端组件、数据获取、导航、字体优化和元数据管理等最佳实践。关键词：Next.js, App Router, 服务器组件, 客户端组件, 数据获取, SEO, 前端开发, React框架
高效库文档获取器Skill fetching-library-docs
高效库文档获取器是一款基于Context7 MCP技术的智能工具，专门用于快速获取编程库的API文档、代码示例和使用模式。通过创新的Shell管道过滤技术，实现77%的令牌节省，显著提升开发效率。主要功能包括：自动识别库名称和主题、智能过滤文档内容、提供代码示例和API签名、支持多种开发框架（React、Next.js、Prisma等）。适用于开发学习、代码参考、API查询等场景。关键词：文档获取、API参考、代码示例、令牌优化、开发工具、MCP技术、编程学习、效率工具。
ReactNativeObservabilitySkill rn-observability
React Native 可观测性指南，包含日志记录、错误消息设计、调试模式等，旨在提高代码的可观测性和调试效率。
CloudflareTurnstile机器人防护Skill cloudflare-turnstile
此技能提供Cloudflare Turnstile的集成指南，用于替代CAPTCHA实现网站机器人防护，防止垃圾邮件和恶意攻击。适用于前端框架如React、Next.js，后端如Cloudflare Workers、Hono，并包括服务器端验证和故障排除。关键词：Turnstile, CAPTCHA, 机器人防护, siteverify, 云安全, bot protection, 身份验证
移动开发Skill mobile-development
移动开发技能专注于使用现代框架如React Native、Flutter、Swift、Kotlin构建iOS和Android移动应用。涵盖移动优先设计、性能优化、离线架构、安全最佳实践等，帮助开发者高效开发高质量移动应用，适用于跨平台或原生开发决策。关键词：移动开发、React Native、Flutter、iOS、Android、性能优化、安全。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。
Remotion最佳实践Skill remotion-best-practices
此技能提供Remotion的最佳实践指南，帮助开发者使用React高效创建视频内容，涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词：Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化
Context7自动文档研究Skill context7-auto-research
这是一个用于Claude Code的技能，通过Context7 API自动获取最新库和框架的文档，帮助开发者快速获取技术文档，支持React、Next.js、Prisma等流行库。关键词：Claude Code, Context7 API, 自动文档获取, 库文档, 框架文档, AI辅助编程, 技术研究。
React状态管理Skill react-state-management
React状态管理技能专注于React应用中的状态管理，涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词：React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式，用于优化应用性能和组织代码结构，包括存储定义、选择器、动作分离、性能优化等。关键词：Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。