from specialist-agent12
Convert a Next.js Pages Router component/page to the App Router pattern, updating routing, data fetching, and component boundaries for Next.js App Router.
Guides an agent through migrating a Next.js Pages Router component or page to the App Router architecture. It analyses the component's props, hooks, data-fetching methods, and imports, then prescribes concrete changes: new file layout under /app, converting getServerSideProps/getStaticProps/getStaticPaths, splitting server vs client components, and adding loading/error siblings.
Use this skill when modernising a Next.js codebase from pages/ to app/ routing, when a component relies on legacy data-fetching methods, or when you need a step-by-step migration checklist for a specific component file. Ideal for codebases moving to Next.js app directory and React Server Components.
Likely: Copilot/Codex, Claude Code, Cursor and other code-focused agents that can read/write repo files and run build/test commands.
This skill has not been reviewed by our automated audit pipeline yet.
Test-Driven Development (TDD)
Run disciplined TDD cycles: write a failing test, implement the minimal fix, then refactor — for features and bugfixes where correctness matters.
/verify — Verification Before Completion
Run fresh verification commands (tests, build, lint, types) and require full output evidence before claiming work is complete or merging changes.
/learn — Interactive Learning Mode
Teaching-first implementation assistant: explains why decisions are made, walks through architecture, and produces incremental code with pedagogy for onboarding
Adaptive Planning (/plan)
Generate an implementation plan matched to task complexity — from quick mini-plans to full design documents — before writing code or making large changes.
Systematic Debug (/debug)
A four-phase, evidence-first debugging methodology agent skill: gather evidence, analyze patterns, formulate hypotheses, and implement & prove fixes.
Grill (Adversarial Code Challenge)
Performs adversarial stress-testing of code to find edge cases, race conditions, security holes, and logical flaws before deployment.
Smart Commit (conventional commit generator)
Generate and apply conventional commit messages with automatic type & scope detection plus pre-commit validation for secrets and debug artifacts.
Conversion Rate Optimization (CRO)
Audit landing pages and user flows to find conversion friction and deliver prioritized, testable A/B recommendations.
Migration: Migrate Module
Automates a multi-phase migration of an Angular module to a target architecture with approval gates and validation after each phase.
Review Review
Use when code changes need review before merge - validates architecture, types, security, and test coverage.
