搜索结果: "react"
前端开发指南Skill frontend-dev-guidelines
提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。
React组合模式技能Skill react-composition-patterns
这个技能专注于使用 React 组合模式来构建可扩展、易维护的前端组件。它避免布尔属性泛滥，通过复合组件、状态提升和上下文管理提升代码质量。适用于重构组件、开发组件库和设计 API。关键词：React, 组合模式, 前端开发, 组件架构, 状态管理, 复合组件, 渲染属性, React 19 API, 可维护性, 可扩展性, 组件库开发, 代码重构, 前端优化, UI 组件, 响应式设计, 前端框架, JavaScript, 软件开发最佳实践。
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
ReactHookForm性能优化技能Skill react-hook-form
这个技能提供 React Hook Form 库的性能优化最佳实践，专注于客户端表单验证，包括使用 useForm、useWatch、useController 和 useFieldArray 等钩子的技巧，帮助开发者提升表单应用的性能和效率。关键词：React Hook Form, 性能优化, 客户端表单验证, useForm, useWatch, useController, useFieldArray, 最佳实践。
组件设计Skill component-design
组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。
UI/UXProMaxSkill ui-ux-pro-max
UI/UX Pro Max是一个全面的设计智能技能，专为网页和移动应用的UI/UX设计提供指导。它包含50多种样式、97种色彩调色板、57种字体配对、99个UX指南和25种图表类型，支持9种技术栈如React、Vue、Tailwind。用于设计新UI组件、选择颜色和字体、审查代码、构建落地页、实施可访问性，提高设计效率和专业性。关键词：UI设计、UX设计、前端开发、网页设计、移动应用设计、设计系统、可访问性、响应式设计、Tailwind CSS、React、Vue。
Remotion最佳实践Skill remotion-best-practices
此技能提供Remotion的最佳实践指南，帮助开发者使用React高效创建视频内容，涵盖动画制作、资产导入、音频处理、字幕显示等关键技术。关键词：Remotion, React, 视频创建, 最佳实践, 动画, 前端开发, SEO优化
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
导航模式与路由实现Skill implementing-navigation
这个技能提供全面指导，用于在前后端应用中实现导航系统和路由配置，涵盖菜单、标签、面包屑等导航模式，以及React、Python等框架的客户端和服务器端路由。关键词：导航模式、路由实现、前端开发、后端开发、React、TypeScript、Python、Flask、Django、FastAPI、可访问性、SEO优化。
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
ReactFlow基础Skill reactflow-fundamentals
React Flow 基础技能是一个用于前端开发的 React 库，专注于构建可自定义的节点图编辑器、流程图、工作流界面和交互图表。涵盖核心概念、安装设置、节点和边配置、事件处理及插件组件，适用于数据可视化、无代码工具和 UI 设计。关键词：React Flow, 节点图表, 流程图, 交互界面, 前端开发, 数据可视化, 工作流编辑器
React最佳实践Skill react-best-practices
提供React钩子、效果、引用和组件设计的模式。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。