搜索结果: "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,前端开发,组件设计
TUI测试渲染器Skill tui-test-renderer
该技能用于为终端用户界面(TUI)组件建立自动化测试环境。它提供了使用ink-testing-library(针对React组件)和Bubble Tea(针对Go语言模型)进行单元测试和集成测试的实用工具和代码模式。关键词:TUI测试,终端界面测试,ink测试库,Bubble Tea测试,CLI组件测试,自动化测试工具。
生物反应器培养方案生成器Skill bioreactor-protocol-generator
生物反应器培养方案生成器是一款专为组织工程领域设计的技能工具,用于自动化生成和优化生物反应器中组织构建物的成熟培养方案。它整合了机械调节、灌注参数优化、气体交换计算、培养基配方指导及无菌流程管理等核心功能,帮助研究人员高效开发标准化、可重复的培养流程,加速组织工程产品的研发与生产。关键词:生物反应器,组织工程,培养方案,机械调节,灌注培养,无菌技术,质量控制,组织成熟,生物医学工程。
反应性危害分析器Skill reactive-hazards-analyzer
反应性危害分析器是一款专注于化工过程安全的专业技能工具,用于评估化学物质的热稳定性、识别化学不相容性、分析失控反应风险。它通过处理DSC、ARC等量热数据,进行绝热失控模拟、TMRad计算、SADT确定和泄放尺寸设计,为化工工艺开发、反应器安全设计和HAZOP研究提供关键的安全评估支持。关键词:反应性化学危害,热稳定性分析,化学不相容性,失控反应评估,量热数据,过程安全,泄放尺寸设计。
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设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。