vercel-react-best-practices
Vercel React Best Practices
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 57 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
When to Apply
Reference these guidelines when:
- Writing new React components or Next.js pages
- Implementing data fetching (client or server-side)
- Reviewing code for performance issues
- Refactoring existing React/Next.js code
- Optimizing bundle size or load times
Rule Categories by Priority
More from sltc-dev/core-foundry
universal-code-reviewer
自动进化型 CR 专家。智能检测项目类型并引用对应的 Skill 规则(如 vue-best-practices)。维护项目"潜规则"一致性。
12github-pr-assistant
专业的 GitHub PR 助手。专注于辅助生成高质量的 Pull Request 标题、描述,并进行代码审查检查,确保符合最佳实践。
5vue-best-practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
5project-guide-doc
项目开发指南文档生成器。自动分析项目结构、技术栈和常用命令,生成全面的 DEVELOPMENT_GUIDE.md 文档。适用于新成员入职、项目文档维护和团队知识管理。触发场景包括:"创建项目文档"、"生成开发指南"、"写项目README"、"项目怎么开始"、"新人如何上手"等。
5change-spec-planner
将杂乱的功能需求、issues、bug 描述或新项目想法整理成规范的变更施工图 Markdown,并在写代码前固化到项目内。Use when a request needs to be clarified before implementation, when a code task must create or update a change spec in docs/changes, or when the work must be classified as lite, standard, or major for review and scope control.
1