搜索结果: "react"
Context7高效文档获取器Skill context7-efficient
Context7高效文档获取器是一款专为开发者设计的智能文档检索工具，通过创新的shell管道过滤技术实现高达86.8%的令牌节省。该工具能够智能获取JavaScript、Python、Go、Rust等主流编程语言的库文档、API参考、代码示例和最佳实践。核心功能包括智能库解析、代码示例提取、API签名过滤和概念解释，特别适用于React hooks查询、Next.js路由语法、Prisma使用模式等框架学习场景。主要关键词：文档获取、令牌优化、代码示例、API参考、开发工具、智能过滤、MCP技术、编程学习、框架文档、效率提升。
Next.js架构专家Skill nextjs-architecture
此技能专注于提供 Next.js 框架的架构设计与优化解决方案。核心内容包括 App Router 路由模式、服务器组件实现、性能调优策略以及从旧版 Pages Router 的平滑迁移。适用于需要构建高性能、可扩展的全栈 Web 应用场景，帮助开发者遵循最佳实践，提升应用加载速度与开发效率。关键词：Next.js 架构，App Router 迁移，服务器组件，性能优化，全栈开发，React 框架。
后端测试编写器Skill backend-test-writer
后端测试编写器是一个AI工具，专门为MERN堆栈（MongoDB, Express, React, Node.js）后端代码自动生成全面、可运行的测试。它能智能分析项目结构，检测测试框架，并根据文件类型（路由、控制器、服务、模型等）生成相应的单元测试或集成测试。该工具强调零配置、智能默认值，确保测试覆盖成功路径、验证错误、认证失败及各种边缘情况，并包含正确的设置和清理逻辑。关键词：后端测试，自动化测试，MERN堆栈，单元测试，集成测试，Jest，Supertest，测试覆盖率，Node.js，Express，MongoDB。
MERN代码审查专家Skill code-reviewer
这是一个针对MERN（MongoDB, Express.js, React, Node.js）技术栈的自动化代码审查技能。它提供全面的项目健康评估、安全检查、可维护性分析、性能优化建议、测试覆盖度审查和架构设计指导。适用于开发者、技术负责人和DevOps工程师进行代码质量把关、安全漏洞扫描和最佳实践落地。关键词：MERN代码审查、全栈开发安全、代码质量分析、性能优化、自动化测试、软件架构评审。
积分处理器Skill credits-handler
这是一个关于如何构建和管理SaaS平台积分系统的完整指南。它详细介绍了积分系统的后端配置（添加积分类型、定价策略、套餐分配）、前端UI实现（购买积分组件、余额显示组件）以及核心后端操作（积分分配、扣减、余额检查）。关键词包括：积分系统、SaaS平台、前端开发、后端开发、用户余额管理、定价策略、React钩子、TypeScript。
邮件处理器Skill email-handler
邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括：邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词：React Email，事务性邮件，邮件模板，邮件自动化，Tailwind CSS，Next.js，邮件发送，前端开发。
表单创建器Skill form-creator
这是一个用于快速生成数据录入表单、验证模式和对应CRUD API端点的开发工具。它帮助开发者高效构建和管理表单功能，提升开发效率，确保数据验证和API安全性。关键词：表单生成、数据验证、CRUD API、前端开发、后端开发、Zod模式、React表单、API路由。
代码质量审查员Skill quality-reviewer
代码质量审查员是一个自动化代码审查工具，专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目，帮助开发团队保持代码一致性，提高代码可维护性，减少技术债务。关键词：代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制
FramerMotion动画库Skill framer-motion
Framer Motion 是一个用于 React 和 Next.js 应用程序的强大动画库。它提供声明式的动画组件、手势支持、页面过渡、滚动动画等功能，帮助开发者轻松创建流畅、高性能的用户界面动画。关键词：React动画库，Framer Motion教程，页面过渡动画，手势交互，滚动触发动画，UI动画，前端开发，Next.js动画。
使用shadcn/ui进行样式设计Skill styling-with-shadcn
本技能指南详细介绍了如何在Next.js框架中，利用shadcn/ui组件库快速构建美观、可访问且现代化的用户界面。内容涵盖从项目初始化、常用组件（如按钮、表单、对话框、表格、侧边栏、通知）的安装与使用，到结合react-hook-form与Zod进行表单验证，以及深色模式的集成设置。适用于前端开发者、UI工程师快速上手基于Radix UI和Tailwind CSS的高质量UI开发。关键词：shadcn/ui, Next.js, React组件库, UI开发, 前端开发, 表单验证, 深色模式, Tailwind CSS, Radix UI。
错误处理Skill error-handling
专家级的结构化错误处理技能，适用于FastAPI后端和React/Next.js前端，专注于提供一致的错误消息和日志记录，关键词包括自定义异常、全局异常处理、错误日志、用户友好消息等。
Next.jsAppRouter前端开发专家Skill frontend-nextjs-app-router
Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。