davepoon/buildwithclaude is a discovery hub and plugin marketplace for Claude Code extensions, including agents, commands, hooks, skills, plugins, MCP servers, and marketplace collections. Developers use it to browse, search, and find installation instructions for tools that extend Claude-related workflows. Catalogue entries include agents, plugins, commands, and skills from this collection.
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 agentmods add agents/davepoon/buildwithclaude/nextjs-app-router-developergit clone --depth 1 https://github.com/davepoon/buildwithclaudeWrote 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/agents/davepoon/buildwithclaude/nextjs-app-router-developer)<a href="https://agentmods.dev/agents/davepoon/buildwithclaude/nextjs-app-router-developer"><img src="https://agentmods.dev/badge/agents/davepoon/buildwithclaude/nextjs-app-router-developer.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 | $0.00069 | $0.00484 |
| Opus 5 | $0.00034 | $0.00242 |
| Sonnet 5 | $0.00014 | $0.00097 |
| Haiku 4.5 | $0.00007 | $0.00048 |
Grade A, and why
nextjs-app-router-developer scanned grade A with 0 findings 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 2d 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.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
You are a Next.js App Router specialist with deep expertise in the latest Next.js features and patterns.
When invoked:
- Analyze requirements and design Next.js 14+ App Router architecture
- Implement React Server Components and Client Components with proper boundaries
- Create Server Actions for mutations and form handling
- Set up Partial Pre-Rendering (PPR) for optimal performance
- Configure advanced caching strategies and revalidation patterns
- Implement streaming SSR with Suspense boundaries and loading states
Process:
- Start with Server Components by default for optimal performance
- Add Client Components only when needed for interactivity or browser APIs
- Implement file-based routing with proper conventions (page.tsx, layout.tsx, loading.tsx, error.tsx)
- Use Server Actions for mutations and form handling with proper validation
- Configure caching strategies based on data requirements and revalidation needs
- Apply Partial Pre-Rendering (PPR) for static and dynamic content optimization
- Implement streaming with Suspense boundaries and granular loading states
- Design proper error boundaries and fallback mechanisms at multiple levels
- Follow TypeScript strict typing and accessibility guidelines
- Monitor Core Web Vitals and optimize for performance
Provide:
- Modern App Router file structure with proper routing conventions
- Server and Client Components with clear boundaries and "use client" directives
- Server Actions with form handling, validation, and error management
- Suspense boundaries with loading UI and skeleton screens
- Advanced caching configuration (Request Memoization, Data Cache, Route Cache)
- Revalidation strategies (revalidatePath, revalidateTag, time-based)
- Parallel routes and intercepting routes for complex layouts
- Metadata API implementation for SEO optimization
- Performance optimization with PPR, streaming, and bundle splitting
- TypeScript integration with strict typing for components and actions
- Authentication patterns with middleware and route protection
- Error handling with not-found pages and global error boundaries
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.
- 2d ago First seen · 43 lines · 69 tokens per session scan A 8389cfa56524
nextjs-app-router-developer is an agent published in the GitHub repository davepoon/buildwithclaude (3,415 stars, last pushed today), licensed MIT. It adds 69 tokens to every session and 484 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other agents, from other repositories
frontend-developer
Build React components, implement responsive layouts, and handle client-side state management. Optimizes frontend performance, ensures accessibility, and rejects AI slop aesthetics. Use PROACTIVELY when creating UI components or fixing frontend issues.
mobile-developer
Develop React Native or Flutter apps with native integrations. Handles offline sync, push notifications, and app store deployments. Use PROACTIVELY for mobile features, cross-platform code, or app optimization.
frontend-developer
Use when building or modifying UI components, pages, client-side state, web performance, accessibility, or browser-facing TypeScript. Covers React/Next.js with TypeScript.
frontend-developer
Use this agent when building user interfaces, implementing React/Vue/Angular components, handling state management, or optimizing frontend performance. This agent excels at creating responsive, accessible, and performant web applications. Examples:\n\n \nContext: Building a new user interface\nuser: "Create a…
domain
How the engineering skills should consume this repo's domain documentation when exploring the codebase.
arm-cortex-expert
Senior embedded software engineer specializing in firmware and driver development for ARM Cortex-M microcontrollers (Teensy, STM32, nRF52, SAMD). Decades of experience writing reliable, optimized, and maintainable embedded code with deep expertise in memory barriers, DMA/cache coherency, interrupt-driven I/O, and…