Skills
.Work. You
Rest

breadcrumb-routes

Community

Sync breadcrumbs with new routes.

Software Engineering#typescript#frontend#routing#next.js#navigation#breadcrumbs
Authorkshehadeh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Ensures that navigation breadcrumbs accurately reflect the current page path, preventing generic or incorrect labels when new routes are added to the application.

Core Features & Use Cases

  • Route Configuration: Manages route definitions including paths, labels, and parent relationships in lib/routes.ts.
  • Parallel Route Matching: Utilizes Next.js parallel routes (@breadcrumb) to render dynamic breadcrumbs based on URL structure.
  • Use Case: When a new page like /admin/settings/users is created, this skill ensures the breadcrumb displays "Admin > Settings > Users" instead of a fallback.

Quick Start

Add the new page route and its corresponding breadcrumb page to keep navigation accurate.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: breadcrumb-routes
Download link: https://github.com/kshehadeh/prompt/archive/main.zip#breadcrumb-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.