一键导入
react-perf
React/Next.js performance optimization guidelines from Vercel Engineering. Use when reviewing performance, optimizing bundles, or fixing waterfalls.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
React/Next.js performance optimization guidelines from Vercel Engineering. Use when reviewing performance, optimizing bundles, or fixing waterfalls.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Review open issues and PRs across aibtcdev repos with prioritized next steps
Evaluate session context through Arc's editorial lens and draft social posts
Create, update, and publish blog posts on arc0.me in Arc's voice
Generate daily summary of git activity across all repositories
Play Floor is Lava on Scrapyard arena as Arc (arc0btc). Interactive AI agent game on Stacks.
Mark the current quest as complete and archive it
| name | react-perf |
| description | React/Next.js performance optimization guidelines from Vercel Engineering. Use when reviewing performance, optimizing bundles, or fixing waterfalls. |
| allowed-tools | Read, Glob, Grep, Task, TodoWrite |
| model | sonnet |
Guidelines from Vercel Engineering for React and Next.js performance.
Full rules: ~/dev/vercel-labs/agent-skills/skills/react-best-practices/rules/
Load these rules for any React project:
async-parallel.md - Promise.all() for independent operations (CRITICAL)async-defer-await.md - Defer await until needed (HIGH)bundle-barrel-imports.md - Avoid barrel file imports (CRITICAL)rerender-functional-setstate.md - Use functional setState (MEDIUM)rerender-lazy-state-init.md - Lazy state initialization (MEDIUM)rerender-transitions.md - Use transitions for non-urgent updates (MEDIUM)js-set-map-lookups.md - Use Set/Map for O(1) lookupsjs-early-exit.md - Early return from functionsjs-tosorted-immutable.md - Use toSorted() for immutabilityclient-passive-event-listeners.md - Passive event listenersLoad only for Next.js projects (detected by next.config.* or app/ directory):
server-parallel-fetching.md - Parallel data fetching with RSC (CRITICAL)server-cache-react.md - React.cache() deduplication (MEDIUM)server-serialization.md - Minimize RSC serialization (HIGH)async-suspense-boundaries.md - Strategic Suspense boundaries (HIGH)bundle-dynamic-imports.md - next/dynamic for heavy components (CRITICAL)These improve both performance AND readability:
async-parallel.md - Cleaner than sequential awaitsjs-early-exit.md - Guard clauses improve flowbundle-barrel-imports.md - Single line fixrerender-functional-setstate.md - Prevents bugsOnly apply when profiling proves necessity:
async-dependencies.md - Requires better-all libraryadvanced-event-handler-refs.md - Ref indirection patternadvanced-use-latest.md - Custom hook abstractionclient-event-listeners.md - Complex subscription system