frontend by vercel-labs
Next.js Best Practices next-best-practices
Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling
What it changes View full report → Passed 3 of 22 test cases with the skill, and 1 of 22 without it.
Without skill 5%
With skill 14%
2 fixed1 passed either way19 still failing0 broke
Pass-rate lift +9 pp
Tokens +39%
Agent turns 0%
Response time -24% Model gemini-3.6-flashMeasured 7/26/2026 v1 3 of 22 cases passed with skill
Use this skill Claude Code DecimalAI agent CLI & files
Save it into your project's skills folder. Claude Code picks it up in its next session.
curl -fsSL --create-dirs -o .claude/skills/next-best-practices/SKILL.md https://app.decimal.ai/s/next-best-practices/SKILL.md Copy command Copy SKILL.md
Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add next-best-practices, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"
Linked stays up to date: your agents get the author's new versions automatically.
Editable copy is yours to change; the author's updates won't reach it.
Install linked skill Create editable copy
1 · One-time — install the CLI (
docs ↗ )
$ pip install "decimalai>=0.15"Copy
2 · Get the skill — writes .agents/skills/next-best-practices/ and pins it in .decimal/skills.lock
$ decimalai skills add next-best-practicesCopy
Copy link Copy README badge Copy SKILL.md No CLI? Get the same file — curl · raw file $ curl -fsSL --create-dirs -o .claude/skills/next-best-practices/SKILL.md https://app.decimal.ai/s/next-best-practices/SKILL.mdCopy
Safety checks: 3 of 3 passed
Code scan Clean Intent Passed Content Clean
Overview Benchmark Contents Activity Versions 1 Ratings 0
What's inside The instructions your model reads when the skill loads.
SKILL.md 146 lines single file
Next.js Best Practices
Apply these rules when writing or reviewing Next.js code.
File Conventions
See file-conventions.md for:
Project structure and special files
Route segments (dynamic, catch-all, groups)
Parallel and intercepting routes
Middleware rename in v16 (middleware → proxy)
RSC Boundaries
Detect invalid React Server Component patterns.
See rsc-boundaries.md for:
Async client component detection (invalid)
Non-serializable props detection
Server Action exceptions
Async Patterns
Next.js 15+ async API changes.
See async-patterns.md for:
Async params and searchParams
Async cookies() and headers()
Migration codemod
Runtime Selection
See runtime-selection.md for:
Default to Node.js runtime
When Edge runtime is appropriate
Directives
See directives.md for:
'use client', 'use server' (React)
Track record Benchmark 3 / 22
test cases passed, vs 1 / 22 without
Adoption
Users 0
Times used 0 View activity → Safety and source details
SkillSafety ✓ 3 of 3 passed ✓ Code scan 15 of 15 checks clean
0 critical · 0 warning · 0 info — scanner v4 — 7/30/2026
View 15 scanner checks live_secret remote_code_execution reverse_shell data_exfiltration ssrf_metadata agent_snooping anti_refusal destructive_commands obfuscated_unicode unicode_homoglyph opaque_blob suspicious_url tool_overreach trigger_abuse prompt_injection_phrasing
✓ Intent Safe
LLM judge · does the skill do what it claims
✓ Content Clean
LLM judge · policy & harmful-content review
Source Imported Imported 6/14/2026Version v1