10-advanced-navigation

Community

URL-driven navigation with breadcrumbs.

Authorkennypallchizaca-coder
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Navigation state is often scattered between the router and UI, leading to inconsistent breadcrumbs, hero summaries, and navigation helpers. This skill standardizes routing-aware breadcrumbs, URL-driven pagination, and a stable shell so users always know where they are in the app.

Core Features & Use Cases

  • Derive breadcrumbs from router metadata and route segments to avoid duplicating labels in pages.
  • Drive pagination, filters, and sorts via URL query parameters for reload-safe, shareable views.
  • Provide hero summaries and layout shell helpers to keep UI consistently oriented with the active route.

Quick Start

Apply this skill to the {FeatureName} routes to make breadcrumbs and URL-driven navigation visible and predictable.

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: 10-advanced-navigation
Download link: https://github.com/kennypallchizaca-coder/agentic-full-stack-skills/archive/main.zip#10-advanced-navigation

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 471,000+ vetted skills library on demand.