搜索结果: "react"
样式化组件Skill styled-components
这是一个关于 styled-components CSS-in-JS 库的技能，提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词：styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。
React最佳实践Skill react-best-practices
提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。
Docusaurus高级配置Skill docusaurus-advanced
Docusaurus高级配置技能专注于掌握静态站点生成器Docusaurus的高级定制能力，包括TypeScript配置文件解析、插件集成、主题定制、MDX组件开发以及API集成。该技能涉及前端文档站点构建、技术文档开发、静态网站生成和React组件集成，适用于技术文档工程师、前端开发者和开源项目维护者。
高级质量保证Skill senior-qa
高级质量保证技能包，专为ReactJS、NextJS、NodeJS应用程序提供全面的测试解决方案。包含测试套件自动生成、代码覆盖率深度分析、端到端测试脚手架搭建三大核心功能。适用于软件测试工程师、质量保证专家、自动化测试开发人员，帮助提升测试效率、确保代码质量、优化测试策略。关键词：软件测试、自动化测试、测试覆盖率、端到端测试、质量保证、React测试、NodeJS测试、测试策略、测试工具、QA最佳实践。
原型到生产Skill prototype-to-production
原型到生产技能是一款自动化工具，用于将设计原型（如HTML、CSS、Figma导出文件）高效转换为生产就绪、类型化的前端组件。它通过分析原型结构，智能提取设计令牌和可复用模式，并遵循原子化设计方法论，生成符合项目技术栈（如React、TypeScript、Tailwind CSS）的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建，提升从设计到开发的转化效率和质量。关键词：原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。
前端测试生成器Skill frontend-test
前端测试生成器是一款自动化工具，专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架，能够自动创建包含组件渲染验证、用户交互模拟（如点击、输入）、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率，确保代码质量，并遵循现代前端测试的最佳实践。 关键词：前端测试，React测试，Vue测试，组件测试，单元测试，自动化测试，React Testing Library，快照测试，可访问性测试，用户交互测试
Ultracite代码质量工具Skill ultracite
Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。
Jest测试生成器Skill jest-generator
这个技能用于自动生成Jest单元测试，适用于JavaScript和TypeScript代码，包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率，覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词：Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。
性能优化Skill performance-optimization
性能优化技能专注于提高软件应用性能，通过代码分割、懒加载、缓存策略、包大小减少、渲染优化和性能分析等方法。用于改善页面加载时间、减少包大小、优化React渲染、实现代码分割、配置缓存策略、懒加载组件和路由、优化图像和资源、分析性能瓶颈、实现虚拟滚动、提升核心Web指标和Lighthouse分数。关键词：性能优化、代码分割、懒加载、缓存、React优化、Web性能、前端优化、后端优化、DevOps、监控。
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 reactive-hazards-analyzer
反应性危害分析器是一款专注于化工过程安全的专业技能工具，用于评估化学物质的热稳定性、识别化学不相容性、分析失控反应风险。它通过处理DSC、ARC等量热数据，进行绝热失控模拟、TMRad计算、SADT确定和泄放尺寸设计，为化工工艺开发、反应器安全设计和HAZOP研究提供关键的安全评估支持。关键词：反应性化学危害，热稳定性分析，化学不相容性，失控反应评估，量热数据，过程安全，泄放尺寸设计。
ReactNative开发技能Skill ReactNativeDevelopment
React Native 开发技能是一个专注于跨平台移动应用开发的工具集。它深度集成 React Native 生态系统，提供从项目初始化、组件开发、状态管理、导航配置到性能优化、测试和调试的全套解决方案。适用于使用 JavaScript/TypeScript 构建高性能 iOS 和 Android 应用的开发者。关键词：React Native, 跨平台开发, 移动应用, JavaScript, TypeScript, 原生模块, 性能优化, 状态管理, 导航, 测试。