搜索结果: "react"
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。
实现命令面板Skill implementing-command-palettes
本技能详细讲解如何在React中实现高效、响应式的命令面板（Cmd+K/Ctrl+K），涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。
API测试技能Skill api-testing
专家级 API 测试技能，涵盖 FastAPI 后端和 React/Next.js 前端的单元测试、集成测试和端到端测试，强调测试覆盖率和质量保障。
前端测试Skill frontend-testing
前端测试技能，涵盖使用Jest、Vitest、React Testing Library和Cypress进行单元测试、集成测试和端到端测试，以构建全面的测试套件，提高代码质量和可靠性。
VercelReact最佳实践Skill vercel-react-best-practices
Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南，包含 45 条规则，覆盖 8 个优化类别，旨在提升应用性能。
React专家Skill react-specialist
React 专家技能专注于提供 React 18+、Next.js 生态系统和现代 React 模式的深度开发支持。核心能力包括使用 Hooks、并发渲染、状态管理（如 Zustand、TanStack Query）以及性能优化，旨在构建高性能、可扩展且类型安全的 React 应用程序。适用于前端开发、组件库构建、性能调优和复杂状态管理场景。 关键词：React 开发，React 18，Next.js，状态管理，Zustand，TanStack Query，性能优化，TypeScript，前端开发，组件设计
生物反应器培养方案生成器Skill bioreactor-protocol-generator
生物反应器培养方案生成器是一款专为组织工程领域设计的技能工具，用于自动化生成和优化生物反应器中组织构建物的成熟培养方案。它整合了机械调节、灌注参数优化、气体交换计算、培养基配方指导及无菌流程管理等核心功能，帮助研究人员高效开发标准化、可重复的培养流程，加速组织工程产品的研发与生产。关键词：生物反应器，组织工程，培养方案，机械调节，灌注培养，无菌技术，质量控制，组织成熟，生物医学工程。
Remix全栈开发技能Skill remix
Remix全栈开发技能是专门用于构建现代Web应用程序的专家级工具集，提供React全栈开发、渐进增强、嵌套路由、表单处理、错误边界和边缘部署等核心功能。适用于前端开发、后端API集成、用户认证、数据管理和性能优化等场景，帮助开发者快速构建高性能、可维护的Web应用。关键词：Remix框架、全栈开发、React应用、渐进增强、嵌套路由、表单处理、错误边界、边缘部署、Web开发、现代前端技术。
样式化组件Skill styled-components
这是一个关于 styled-components CSS-in-JS 库的技能，提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词：styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南，涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则（可读性、KISS、DRY、YAGNI）、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队，帮助建立统一的代码规范，提高代码质量和团队协作效率。
前端开发模式Skill frontend-patterns
本文介绍了React、Next.js框架下，用于状态管理、性能优化和UI最佳实践的现代前端开发模式。包括组件模式、自定义钩子模式、状态管理模式、性能优化、表单处理模式、错误边界模式、动画模式和可访问性模式。
React最佳实践指南Skill react-best-practices
这是一份关于 React 框架性能优化与开发最佳实践的权威指南。它系统性地总结了来自官方文档和一线工程团队的经验，涵盖代码审查、性能调试、打包优化、副作用管理、状态设计等核心场景。关键词包括：React 性能优化、重渲染、代码分割、useEffect 最佳实践、状态管理、React 编译器、SSR、不可变更新、前端开发。