Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add hackermanishackerman/claude-skills-vault --skill nextjs-senior-devgit clone --depth 1 https://github.com/hackermanishackerman/claude-skills-vaultWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/hackermanishackerman/claude-skills-vault/nextjs-senior-dev)<a href="https://agentmods.dev/skills/hackermanishackerman/claude-skills-vault/nextjs-senior-dev"><img src="https://agentmods.dev/badge/skills/hackermanishackerman/claude-skills-vault/nextjs-senior-dev.svg" alt="Measured on agentmods" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00040 | $0.02119 |
| Opus 5 | $0.00020 | $0.01059 |
| Sonnet 5 | $0.00008 | $0.00424 |
| Haiku 4.5 | $0.00004 | $0.00212 |
Grade A, and why
nextjs-senior-dev scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 8d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
ISR → fetch(url, { next: { revalidate: 60 }}) This is a copy
91% identical to nextjs-senior-dev — 525 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 262 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Next.js Senior Developer
Transform into Senior Next.js 15+/16 Engineer for production-ready App Router applications.
When to Use
- Scaffolding new Next.js App Router projects
- RSC vs Client Component decisions
- Server Actions and data fetching patterns
- Performance optimization (CWV, bundle, caching)
- Middleware and authentication setup
- Next.js 15/16 migration or audit
Version Notes
| Version | Key Changes |
|---|---|
| Next.js 16 | middleware.ts → proxy.ts, Node.js runtime only, Cache Components |
| Next.js 15 | fetch uncached by default, React 19, Turbopack stable |
Triggers
| Command | Purpose |
|---|---|
/next-init |
Scaffold new App Router project |
/next-route |
Generate route folder (page, layout, loading, error) |
/next-audit |
Audit codebase for patterns, security, performance |
/next-opt |
Optimize bundle, images, fonts, caching |
Reference Files (20 Total)
Load based on task context:
Core References
| Category | Reference | When |
|---|---|---|
| Routing | references/app_router.md |
Route groups, parallel, intercepting |
| Components | references/components.md |
RSC vs Client decision, patterns |
| Data | references/data_fetching.md |
fetch, cache, revalidation, streaming |
| Security | references/security.md |
Server Actions, auth, OWASP |
| Performance | references/performance.md |
CWV, images, fonts, bundle, memory |
| Middleware | references/middleware.md |
Auth, redirects, Edge vs Node |
Architecture & Quality
| Category | Reference | When |
|---|---|---|
| Architecture | references/architecture.md |
File structure, feature-sliced design |
| Shared Components | references/shared_components.md |
DRY patterns, composition, reusability |
| Code Quality | references/code_quality.md |
Error handling, testing, accessibility |
Features & Integrations
| Category | Reference | When |
|---|---|---|
| SEO & Metadata | references/seo_metadata.md |
generateMetadata, sitemap, OpenGraph |
| Database | references/database.md |
Prisma, Drizzle, queries, migrations |
| Authentication | references/authentication.md |
Auth.js, sessions, RBAC |
| Forms | references/forms.md |
React Hook Form, Zod, file uploads |
| i18n | references/i18n.md |
next-intl, routing, RTL support |
| Real-Time | references/realtime.md |
SSE, WebSockets, polling, Pusher |
| API Design | references/api_design.md |
REST, tRPC, webhooks, versioning |
What ships with it
30 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- assets/middleware.ts 2.1 KB runs code
- assets/next.config.ts 1.8 KB runs code
- assets/proxy.ts 2.3 KB runs code
- references/api_design.md 17 KB
- references/app_router.md 4.4 KB
- references/architecture.md 9.0 KB
- references/authentication.md 15 KB
- references/code_quality.md 17 KB
- references/components.md 4.9 KB
- references/data_fetching.md 5.4 KB
- references/database.md 13 KB
- references/debugging.md 13 KB
- references/deployment.md 11 KB
- references/forms.md 19 KB
- references/i18n.md 13 KB
- references/middleware.md 8.0 KB
- references/migration.md 13 KB
- references/monorepo.md 12 KB
- references/performance.md 15 KB
- references/realtime.md 18 KB
- references/security.md 6.5 KB
- references/seo_metadata.md 15 KB
- references/shared_components.md 13 KB
- scripts/scaffold_route.py 10 KB runs code
- templates/action.ts 2.8 KB runs code
- templates/error.tsx 3.3 KB
- templates/layout.tsx 2.1 KB
- templates/loading.tsx 2.8 KB
- templates/page.tsx 2.1 KB
- templates/route.ts 4.1 KB runs code
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 8d ago First seen · 262 lines · 40 tokens per session scan A c264ae9df6f4
nextjs-senior-dev is a skill published in the GitHub repository hackermanishackerman/claude-skills-vault (2 stars, last pushed yesterday), licensed MIT. It adds 40 tokens to every session and 2,119 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). It is 91% identical to nextjs-senior-dev, differing in 525 lines, and is treated as a copy.
Other skills, from other repositories
trigger-realtime-and-frontend
Trigger.dev client/frontend surface: subscribe to runs in realtime (runs.subscribeToRun and the @trigger.dev/react-hooks hook useRealtimeRun), consume metadata and AI/text streams in React (useRealtimeStream), trigger tasks from the browser (useTaskTrigger, useRealtimeTaskTrigger), and mint scoped frontend credentials…
shipwright-pipeline
Autonomous app builder that converts plain-English descriptions into fully built, tested applications. Use when the user wants to build a new app, scaffold a project, generate a full-stack application, or create an app from a description. Trigger with "build me an app", "create a new app", "shipwright build"…
frontend-code-review
Trigger when the user requests a review of frontend files (e.g., .tsx, .ts, .js). Support both pending-change reviews and focused file reviews while applying the checklist rules.
frontend-patterns
A collection of frontend development patterns for React and Next.js, including component composition, shared state, and performance practices.
coding-standards
A set of general coding standards and practical patterns for TypeScript, JavaScript, React, and Node.js. It covers readable naming, simple designs, avoiding repetition, and delaying unnecessary features.
panel-app-react-vite-creator
Create or update an engineering-style NextClaw Panel component with pnpm, Vite, React, TypeScript, and Tailwind CSS, then build it into a static .panel directory inside a schema v2 package or an explicitly loose workspace Panel. Use for modern, reusable, complex, Agent-powered, typed Panel interfaces.