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
- Prompt Net Requests — I want to enhance the AsyncPlaywrightCrawlerStrategy to optionally capture network requests and console messag 85.8k ★
- Correction Handler — Correction 处理 Prompt 24k ★
- Maestro Next — Unified entry for all development intents — classify intent, assess complexity, route to the correct execution 530 ★
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,
Webhook Contract
Build or verify a webhook delivery contract for a handler in this repo (synthetic offline replays, no server).
Create API
Scaffold a new API endpoint — route, handler, types, tests — wired into the server
Nxt API Route
Generates a Next.js App Router API route handler (route.ts) with proper TypeScript types, request validation,
Endpoint
Add an OpenAPI-first endpoint — schema, route definition, handler, verification
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
Backend Flow Structuring Agent
Take ONE backend entry point (REST route, GraphQL operation, or queue/event/cron handler) plus its mechanical
Add Task Type
Adds a new AI task type to the woolball server: endpoint, handler, preprocessing route, logic class, DI regist