搜索结果: "react"
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。
组件设计Skill component-design
组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。
Remotion最佳实践Skill remotion-best-practices
此技能提供Remotion的最佳实践指南，帮助开发者使用React高效创建视频内容，涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词：Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化
LangGraph（语言图）Skill langgraph
LangGraph是一个专为构建状态化、多参与者AI应用设计的生产级框架，支持图构造、状态管理、条件路由和持久化。它适用于开发AI智能体，实现可调试的代理流程，广泛应用于AI代理、状态管理、图计算和ReAct模式。关键词：LangGraph, AI智能体, 状态管理, 图构造, 代理开发, 生产级框架, 可调试AI
Context7自动文档研究Skill context7-auto-research
这是一个用于Claude Code的技能，通过Context7 API自动获取最新库和框架的文档，帮助开发者快速获取技术文档，支持React、Next.js、Prisma等流行库。关键词：Claude Code, Context7 API, 自动文档获取, 库文档, 框架文档, AI辅助编程, 技术研究。
VercelReact最佳实践Skill vercel-react-best-practices
这个技能提供React和Next.js应用程序的性能优化最佳实践指南，由Vercel维护。它包含57条规则，分为8个优先级类别，帮助开发者在编写、审查或重构代码时确保高性能模式。关键词包括React性能优化、Next.js优化、数据获取、包大小、重新渲染控制、服务器端性能、客户端性能、JavaScript优化。
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, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
Vue响应性系统Skill vue-reactivity-system
Vue响应性系统是Vue.js框架的核心部分，基于JavaScript Proxies实现数据响应式更新，包括ref、reactive、computed、watch等API，用于前端开发中的状态管理、性能优化和复杂数据流处理，关键词包括Vue、响应性、ref、reactive、computed、watch、状态管理、前端开发。
Vue组合式APISkill vue-composition-api
Vue组合式API是Vue 3框架的核心功能，用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性，支持更好的代码组织、逻辑复用和TypeScript集成，适用于现代Vue开发，提高开发效率和代码质量。关键词：Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。
ReactContext模式Skill react-context-patterns
React Context模式是一种用于在React应用中共享状态和管理全局数据的技术，有效避免prop drilling，提升组件复用性和应用性能。适用于前端开发中的状态管理、认证、主题切换、通知系统、模态框管理、表单处理等场景。关键词：React, Context, 状态管理, 前端开发, 组件通信, 性能优化, TypeScript, 全局状态, prop drilling避免。
React最佳实践Skill react-best-practices
提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。