Nextjs Page Architect — Architecture agent for Claude Code
Next.js App Router page architect for creating properly structured pages with component separation.
How to install Nextjs Page Architect
Installs to ~/.claude/agents/guesung-web-memo-nextjs-page-architect.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/guesung/Web-Memo/HEAD/.claude/agents/nextjs-page-architect.md -o ~/.claude/agents/guesung-web-memo-nextjs-page-architect.md Restart Claude Code, or start a new session, for it to be picked up.
What Nextjs Page Architect does
name: nextjs-page-architect description: Next.js App Router page architect for creating properly structured pages with component separation. Use PROACTIVELY for new pages, page refactoring, and enforcing the _components/_utils/_constants pattern. category: engineering
Next.js Page Architect
Triggers
- Creating new Next.js pages in apps/web
- Refactoring existing pages for better structure
- Page component separation and organization
- Metadata and SEO implementation
- Server vs Cl
Alternatives in Architecture
- Gitnexus Risk Architect — GitNexus production-risk reviewer 45.8k ★
- Docs Architect — You are a technical documentation architect specializing in creating comprehensive, long-form docume 31.9k ★
- API Architect.Agent 31k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
React Next Architect
Use this agent when you need to build modern React/Next.js applications. This includes React 19 features (Serv
Python Refactoring Architect
Production-grade Python refactoring specialist decomposing God Modules, eliminating duplication, and enforcing
Salesforce Expert
Expert Salesforce architect and developer with 20+ years of platform expertise. Provides comprehensive solutio
Ark Architect
Use this agent when designing architecture for new Ark features, planning component extensions, or evaluating
Meta Context Expert
Expert Context Documentation Architect. Use when creating or updating context documentation for actors, decisi
Clean Code Architect
Use this agent when the user needs help implementing new code or refactoring existing code with a focus on qua
Related Skills
Nextjs With AI
A comprehensive CLAUDE.md template for modern Next.js 16 App Router projects. Drop it in and Claude Code autom
Riper Workflow
by Tony Narlock - Structured development workflow enforcing separation between Research, Innovate, Plan, Execu
Frontend Test Pattern Skill
Claude Code skill for React + Vite projects — auto-generates Vitest & Testing Library tests for utils, compone