react-best-practices
✓全面的 React 和 Next.js 最佳实践指南，涵盖性能优化、组件架构、shadcn/ui 模式、运动动画和现代 React 19+ 模式。在编写、审查或重构 React/Next.js 代码时应该使用此技能。触发涉及 React 组件、Next.js 页面、数据获取、UI 组件、动画或代码质量改进的任务。
SKILL.md
Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Eliminating Waterfalls | CRITICAL | async- | | 3 | Bundle Size Optimization | CRITICAL | bundle- | | 4 | Server Components & Actions | HIGH | server- | | 5 | shadcn/ui Patterns | HIGH | shadcn- | | 6 | State Management | MEDIUM-HIGH | state- | | 7 | Motion & Animations | MEDIUM | motion- |
| 8 | Re-render Optimization | MEDIUM | rerender- | | 9 | Accessibility | MEDIUM | a11y- | | 10 | TypeScript Patterns | MEDIUM | ts- |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 react-best-practices？
全面的 React 和 Next.js 最佳实践指南，涵盖性能优化、组件架构、shadcn/ui 模式、运动动画和现代 React 19+ 模式。在编写、审查或重构 React/Next.js 代码时应该使用此技能。触发涉及 React 组件、Next.js 页面、数据获取、UI 组件、动画或代码质量改进的任务。 来源：dedalus-erp-pas/foundation-skills。
如何安装 react-best-practices？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/dedalus-erp-pas/foundation-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01