搜索技能/React宝典

React宝典

官方精选开发工具

React 19+ / Next.js 15+ 最佳实践指南，929行10个章节。覆盖性能优化、Server Components、Hooks、状态管理。

$npx skills add mindverse/skillhub@react-best-practices -g -y

在终端运行即可安装。兼容 Claude Code、Cursor、Windsurf 等支持 Claude Skills 规范的 AI Agent 平台。

▸需要先准备什么？
1) 装 Claude Code（claude.ai/code）。2) 装 ai-skill：`npx skills add 1-SKILL/ai-skill -g -y`。装完上面这条命令再来跑这个 skill 的安装命令。

这个技能能做什么

✓ React 19+ 新API
✓ Server Components
✓ Bundle优化
✓ 重渲染优化
✓ Next.js 15+
✓ PPR/缓存策略

怎么用

安装后，直接对你的 AI 助手说：

“React怎么写最好”
“性能优化”
“Server Components怎么用”
“Next.js最佳实践”
▸查看完整 SKILL.md 内容231 chars

React宝典 — 最佳实践指南

基于 Vercel react-best-practices（17.6万安装）增强。

十大章节

  1. 消除请求瀑布 [CRITICAL]
  2. Bundle体积优化 [CRITICAL]
  3. 服务端性能
  4. 客户端数据获取
  5. 重渲染优化
  6. 渲染性能
  7. JavaScript性能
  8. 高级模式
  9. React 19+ 新特性
  10. Server Components & Next.js 15+
在 GitHub 查看源文件 →
安全评分
90/100
A级12/12 项检测通过

通过率高，安装前看一眼源码即可

技能信息
代码量929 行
来源官方精选
作者技能宝
仓库mindverse/skillhub
分类开发工具
上游vercel-labs/agent-skills
触发关键词
ReactNext.js最佳实践hooksServer Components

在终端里直接搜技能

安装 ai-skill 后，在 Claude Code 里说需求就能自动匹配技能并一键安装，不用离开终端。

$npx skills add 1-SKILL/ai-skill -g -y

同类技能

前端美化官方精选
S级

前端界面美化助手，拒绝千篇一律的 AI 审美。颜色搭配、排版优化、响应式布局、动效建议、组件美化、暗色模式，输出生产级代码。

代码审查官方精选
S级

AI 代码质量守护者。结构化审查报告，覆盖安全漏洞、性能优化、最佳实践，支持10种编程语言。

测试驱动官方精选
B级

测试驱动开发助手，红-绿-重构工作流，支持 Jest/Vitest/pytest 等主流测试框架。

快速调试官方精选
A级

快速定位和修复 bug，结构化调试流程：复现→缩小→定位→修复→验证。