搜索结果: "react"
代理UI开发技能Skill agent-ui
这个技能用于快速构建AI聊天界面和代理式用户界面，基于React/Next.js组件，支持实时流式传输、工具生命周期管理、人机审批流程和声明式UI生成。适用于开发智能助手、SaaS副驾驶和AI应用前端。关键词：AI代理，React组件，前端开发，人机交互，工具管理，流式传输，代理界面。
UI设计与样式技能Skill ui-styling
该技能用于创建美观、可访问的用户界面，结合shadcn/ui组件库、Tailwind CSS实用样式和canvas-based视觉设计系统，适用于前端开发、UI设计、响应式布局和可访问性优化。关键词：UI设计、前端开发、响应式布局、可访问性、Tailwind CSS、shadcn/ui、视觉设计、React框架、深色模式、设计系统。
视觉回归测试设置Skill visual-regression
自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。
Ink组件生成器Skill ink-component-generator
Ink组件生成器是一个专门用于为命令行界面（CLI）快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件（如选择列表、文本输入框、加载动画）、自定义状态管理钩子以及布局组件，并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词：Ink组件，React CLI，终端UI，命令行界面，组件生成，前端开发，Node.js，交互式应用。
编码标准与最佳实践Skill coding-standards
这是一份全面的软件开发编码标准指南，涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则（可读性、KISS、DRY、YAGNI）、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队，帮助建立统一的代码规范，提高代码质量和团队协作效率。
高级质量保证Skill senior-qa
高级质量保证技能包，专为ReactJS、NextJS、NodeJS应用程序提供全面的测试解决方案。包含测试套件自动生成、代码覆盖率深度分析、端到端测试脚手架搭建三大核心功能。适用于软件测试工程师、质量保证专家、自动化测试开发人员，帮助提升测试效率、确保代码质量、优化测试策略。关键词：软件测试、自动化测试、测试覆盖率、端到端测试、质量保证、React测试、NodeJS测试、测试策略、测试工具、QA最佳实践。
性能优化Skill performance
这是一个全面的性能优化技能，专注于软件应用的性能分析、瓶颈识别、内存泄漏检测、数据库查询优化、前端性能提升（包括核心网页指标LCP/FID/CLS）、负载与压力测试、容量规划以及React等框架的特定优化。适用于开发人员、测试工程师和DevOps专家进行性能调优、监控设置和性能审计，确保应用在高并发下稳定高效运行。关键词：性能分析、瓶颈识别、内存泄漏、数据库优化、前端性能、负载测试、压力测试、容量规划、React优化、核心网页指标、性能监控、代码优化。
Electron桌面开发Skill electron-dev
Electron 桌面开发技能涉及使用 React、TypeScript 和 Vite 构建跨平台桌面应用程序。它包括 IPC 通信、系统托盘集成、全局快捷键、PTY 终端处理、音频录制、WebRTC 视频通话以及使用 electron-builder 进行打包。关键词：Electron、React、TypeScript、Vite、桌面应用、IPC、系统托盘、音频录制、WebRTC、打包、跨平台开发。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。
Next.js开发专家Skill nextjs-developer
这是一个专注于 Next.js 14+ 框架开发的专家技能，擅长使用 App Router、服务器组件、服务器操作等现代 React 模式构建高性能、SEO 优化的全栈 Web 应用程序。核心能力包括性能优化、全栈集成、安全实践以及从旧架构迁移的决策指导。适用于需要构建企业级、可扩展且对搜索引擎友好的 React 应用场景。关键词：Next.js 开发，React 服务器组件，App Router，全栈开发，性能优化，SEO，TypeScript，Next.js 14。
React开发技能Skill react-development
React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。