Add Route — Development skill for Claude Code
Use when adding or changing a Next.js page, route handler, public marketing document, sitemap entry, or crawl-visibility contract.
How to install Add Route
Installs to ~/.claude/skills/ihabkhaled-nextranger-add-route/SKILL.md
mkdir -p ~/.claude/skills/ihabkhaled-nextranger-add-route && curl -fsSL https://raw.githubusercontent.com/ihabkhaled/NextRanger/HEAD/skills/add-route.md -o ~/.claude/skills/ihabkhaled-nextranger-add-route/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Add Route does
name: add-route description: Use when adding or changing a Next.js page, route handler, public marketing document, sitemap entry, or crawl-visibility contract.
Add a route
Routes are thin locale-aware composition shells. Read [the localization/SEO map](../context/localization-and-seo-map.md) and [rule 01](../rules/01-next-app-router-architecture.md).
Choose the route class
| Class | Location | Discovery
Alternatives in Development
- Correction Handler — Correction 处理 Prompt 24k ★
- Maestro Next — Unified entry for all development intents — classify intent, assess complexity, route to the correct execution 530 ★
- Create API — Scaffold a new API endpoint — route, handler, types, tests — wired into the server 335 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
MCP Server
Use when developing or maintaining the standalone MCP server at mcp_server/, including adding tools, resources
Add i18n Message Key
Use when adding or changing visible copy, metadata, labels, validation messages, alt text, aria text, toasts,
Claude Code Mcps
5 MCP servers for Claude Code — SEO page auditor, SERP intelligence, Common Crawl backlinks, advanced GSC, Wor
Migrate Page
Crawl one page of an old site (Webflow/WordPress/etc.) and turn it into content for this project.
Bob Crawl Site
Crawl a homepage, extract all same-domain subpage links, fetch each with /bob-web2md, and write one .md per pa
Nxt API Route
Generates a Next.js App Router API route handler (route.ts) with proper TypeScript types, request validation,
Related Agents
Registry Handler
Use this agent when:\n\n1. Adding new sources with index-only content: After running blz add --dry-run and see
Vcf Validator
Use whenever a change touches VCF emission — adding, removing, renaming, or changing the semantics of a FORMAT
Backend Flow Structuring Agent
Take ONE backend entry point (REST route, GraphQL operation, or queue/event/cron handler) plus its mechanical