worldcrafter-route-creator

Scaffold Next.js App Router routes with page, API, loading, and error files.

Updated Nov 9, 2025
One-click install
npx skills add https://github.com/hopeoverture/worldcrafter-v2 --skill worldcrafter-route-creator
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: worldcrafter-route-creator
Source: https://github.com/hopeoverture/worldcrafter-v2/tree/main/.claude/skills/worldcrafter-route-creator
Command: npx skills add https://github.com/hopeoverture/worldcrafter-v2 --skill worldcrafter-route-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the boilerplate creation of Next.js App Router routes, including pages, layouts, loading, error, and not-found files. It’s ideal for building simple, static pages or REST API endpoints with consistent structure, reducing repetitive setup and preserving architectural consistency.

Core Features & Use Cases

  • Static Page Scaffolding: Create page.tsx, layout.tsx, loading.tsx, and not-found.tsx for new routes
  • API Route Scaffolding: Generate route.ts for REST endpoints under src/app/api
  • Structure-First Approach: Automatically establish route groups, layouts, and default loading/error UI
  • Marketing Pages: Quick setup for landing, about, pricing, and other marketing pages
  • Template Reuse: Leverage templates from assets/templates to customize components

Quick Start

Run the route scaffolder to generate a new route, e.g.: python .claude/skills/worldcrafter-route-creator/scripts/scaffold_route.py dashboard

To add an API endpoint: python .claude/skills/worldcrafter-route-creator/scripts/scaffold_route.py api/users --api

Frequently Asked Questions about worldcrafter-route-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold Next.js App Router routes quickly?

Scaffolding Next.js App Router routes automates boilerplate creation for pages and API endpoints. Run the route scaffolder script with a route path to generate page.tsx, layout.tsx, loading.tsx, and error.tsx files with server and client component templates, reducing manual setup time.

Can I use this to generate API endpoints in Next.js?

Yes, the scaffolder generates REST API endpoints by creating route.ts files under src/app/api. Use the --api flag when running the script to produce API route boilerplate with optional authentication checks.

What files does the Next.js route scaffolder create?

The scaffolder generates page.tsx or route.ts, loading.tsx, error.tsx, and optional layout.tsx and not-found.tsx files. It establishes route groups and directory structure automatically, delivering ready-to-edit templates aligned with App Router conventions.

Is this suitable for building forms and database-backed pages?

No, the scaffolder targets static pages and simple REST endpoints. It's not intended for forms with validation or database-backed features; use it for marketing pages, route structure, and basic API route setup.

Do I need to customize the generated templates?

Generated files include boilerplate with guidance for server and client components, designed as starting points. Templates in the assets folder can be customized to match your project's patterns before or after generation.

What's the fastest way to set up marketing pages in Next.js?

Use App Router route scaffolding to auto-generate landing, about, pricing, and other marketing pages with consistent structure. The scaffolder creates layout hierarchies, loading states, and error boundaries in minutes instead of manual file creation.