搜索结果: "react"
Context7高效文档获取器Skill context7-efficient
Context7高效文档获取器是一个智能开发工具，通过shell管道过滤技术实现86.8%的令牌节省，专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架，提供智能过滤、代码示例提取和API签名识别功能，帮助开发者高效学习和使用各种开发库。
构建聊天界面Skill building-chat-interfaces
本技能专注于构建生产级的AI聊天界面，提供完整的全栈解决方案。涵盖前端React组件集成、后端Python服务器开发、身份验证机制（JWT/JWKS）、上下文注入、数据库持久化、SSE流式响应、Next.js集成以及MCP工具认证等核心功能。适用于需要将AI智能体嵌入到Web应用、实现个性化对话体验、管理用户会话历史的企业级应用场景。关键词：AI聊天界面、ChatKit集成、全栈开发、身份验证、上下文注入、流式响应、Next.js代理、MCP工具、生产级部署。
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
API测试技能Skill api-testing
专家级 API 测试技能，涵盖 FastAPI 后端和 React/Next.js 前端的单元测试、集成测试和端到端测试，强调测试覆盖率和质量保障。
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工作流。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具，支持TypeScript和ESM，提供高效的开发服务器和生产构建，适用于Vue、React等框架的项目开发。关键词：Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
Ink组件生成器Skill ink-component-generator
Ink组件生成器是一个专门用于为命令行界面（CLI）快速生成基于React的终端UI组件的工具。它能够自动化创建交互式组件（如选择列表、文本输入框、加载动画）、自定义状态管理钩子以及布局组件，并支持设置项目结构和测试。适用于开发命令行仪表盘、交互式表单、监控面板等终端应用程序。关键词：Ink组件，React CLI，终端UI，命令行界面，组件生成，前端开发，Node.js，交互式应用。
性能优化Skill performance
这是一个全面的性能优化技能，专注于软件应用的性能分析、瓶颈识别、内存泄漏检测、数据库查询优化、前端性能提升（包括核心网页指标LCP/FID/CLS）、负载与压力测试、容量规划以及React等框架的特定优化。适用于开发人员、测试工程师和DevOps专家进行性能调优、监控设置和性能审计，确保应用在高并发下稳定高效运行。关键词：性能分析、瓶颈识别、内存泄漏、数据库优化、前端性能、负载测试、压力测试、容量规划、React优化、核心网页指标、性能监控、代码优化。
高级质量保证Skill senior-qa
高级质量保证技能包，专为ReactJS、NextJS、NodeJS应用程序提供全面的测试解决方案。包含测试套件自动生成、代码覆盖率深度分析、端到端测试脚手架搭建三大核心功能。适用于软件测试工程师、质量保证专家、自动化测试开发人员，帮助提升测试效率、确保代码质量、优化测试策略。关键词：软件测试、自动化测试、测试覆盖率、端到端测试、质量保证、React测试、NodeJS测试、测试策略、测试工具、QA最佳实践。
前端组件模式Skill frontend-component-patterns
前端组件模式技能专注于使用设计模式如复合组件、渲染属性、自定义钩子和高阶组件来构建可重用、可组合和可维护的React、Vue、Angular组件。适用于创建组件库、实现组件组合、设计直观的组件API、管理状态模式等场景，以提高前端开发效率和代码质量。关键词：前端开发、React、Vue、Angular、组件设计、设计模式、可重用组件、组件架构。
Figma组件代码生成Skill figma-generate-component
此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。