搜索结果: "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设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队,帮助建立统一的代码规范,提高代码质量和团队协作效率。
Context7高效文档获取器Skill context7-efficient
Context7高效文档获取器是一个智能开发工具,通过shell管道过滤技术实现86.8%的令牌节省,专门用于快速获取JavaScript、Python、Go、Rust等编程语言的库文档、代码示例和API参考。该工具支持React、Next.js、Prisma、Express等主流框架,提供智能过滤、代码示例提取和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、组件设计、设计模式、可重用组件、组件架构。
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应用,特别适合组件库开发、企业级应用架构设计和性能调优场景。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具,支持TypeScript和ESM,提供高效的开发服务器和生产构建,适用于Vue、React等框架的项目开发。关键词:Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。