Skills
.Work. You
Rest

Create New Routes

Official

Generate React routes and pages.

Software Engineering#developer tools#web development#frontend#react#routing#code generation
Authorethpandaops
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines the process of creating new, production-ready routes and associated page components within The Lab's established React architecture.

Core Features & Use Cases

  • Route Definition: Creates thin TanStack Router definitions in src/routes/.
  • Page Implementation: Generates UI implementations in src/pages/.
  • Component Scoping: Allows for page-specific components in pages/[section]/components/.
  • Dynamic Routing: Supports dynamic routes using $param.tsx syntax.
  • Barrel Exports: Ensures routes and pages are always barrel exported via index.tsx.

Quick Start

Use the create-new-route skill to generate a new route for the '/users' path.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Create New Routes
Download link: https://github.com/ethpandaops/lab/archive/main.zip#create-new-routes

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.