搜索结果: "react"
Zustand存储模式Skill zustand-store-patterns
这个技能是关于使用Zustand进行React状态管理的存储模式，用于优化应用性能和组织代码结构，包括存储定义、选择器、动作分离、性能优化等。关键词：Zustand, React, 状态管理, 存储模式, 前端开发, 性能优化。
代码模改执行器Skill codemod-executor
代码模改执行器是一款基于抽象语法树（AST）的自动化代码重构与迁移工具。它专为大规模代码库升级而设计，支持框架迁移（如React、Angular、Vue）、语言版本升级、API弃用处理、代码模式标准化等复杂任务。通过精准的模式匹配与替换，该工具能在保持代码风格的同时，高效、安全地完成跨文件、跨项目的代码转换，并提供预演预览、回滚支持等功能，是开发团队进行现代化升级和规模化重构的得力助手。 关键词：代码重构，自动化迁移，AST转换，框架升级，大规模代码库，代码模改，版本升级，开发工具，代码转换，DevOps
Docusaurus文档站点开发技能Skill docusaurus
Docusaurus文档站点开发技能是专门用于快速构建、配置和管理基于React的现代化文档网站的工具。该技能提供完整的Docusaurus项目配置、侧边栏管理、版本控制、国际化支持、自定义插件开发、MDX组件集成、Algolia搜索配置等功能。适用于技术文档、API文档、产品手册等文档站点的快速开发和维护，支持多语言、多版本、可搜索的文档体系构建。关键词：Docusaurus文档站点、React文档开发、技术文档配置、版本控制文档、国际化文档、Algolia搜索、MDX组件、文档自动化。
RadixUI技能Skill radix-ui
Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发
样式化组件Skill styled-components
这是一个关于 styled-components CSS-in-JS 库的技能，提供主题化、组件变体、服务端渲染支持等功能的专家级实现指导。关键词：styled-components, CSS-in-JS, React 样式, 前端主题, 组件库开发, SSR 支持。
React最佳实践指南Skill react-best-practices
这是一份关于 React 框架性能优化与开发最佳实践的权威指南。它系统性地总结了来自官方文档和一线工程团队的经验，涵盖代码审查、性能调试、打包优化、副作用管理、状态设计等核心场景。关键词包括：React 性能优化、重渲染、代码分割、useEffect 最佳实践、状态管理、React 编译器、SSR、不可变更新、前端开发。
高级质量保证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 software-mobile
这个技能提供了移动应用开发的全套参考指南，涵盖iOS、Android和跨平台开发的技术选型、架构模式、性能优化、测试部署等核心内容。关键词：移动开发、iOS开发、Android开发、Swift、Kotlin、React Native、Flutter、跨平台、架构设计、性能优化、CI/CD、应用商店发布。
Jest测试生成器Skill jest-generator
这个技能用于自动生成Jest单元测试，适用于JavaScript和TypeScript代码，包括Mocking、覆盖率分析、测试结构组织等。它能提升前端开发中的测试效率，覆盖常见测试场景如React组件测试、异步代码测试和错误处理。关键词：Jest, 测试生成, 单元测试, JavaScript, TypeScript, 覆盖率, Mocking, 前端测试。
移动开发Skill mobile-development
移动开发技能专注于使用现代框架如React Native、Flutter、Swift、Kotlin构建iOS和Android移动应用。涵盖移动优先设计、性能优化、离线架构、安全最佳实践等，帮助开发者高效开发高质量移动应用，适用于跨平台或原生开发决策。关键词：移动开发、React Native、Flutter、iOS、Android、性能优化、安全。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。