Skills
.Work. You
Rest

shadcn_ui-breadcrumb

Official

Navigate with Shadcn UI Breadcrumbs

Design & Creative#navigation#ui components#flutter#breadcrumb#shadcn_ui
Authorserverpod
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you implement clear and intuitive breadcrumb navigation in your Flutter applications using the shadcn_ui package, guiding users through hierarchical content.

Core Features & Use Cases

  • Hierarchical Navigation: Display the current location within a site's or app's structure.
  • Customizable Separators: Easily change the visual separator between breadcrumb items.
  • Dropdown Integration: Include dropdown menus within breadcrumbs for quick access to related sections.
  • Use Case: In a documentation site, use breadcrumbs to show the path from the main topic to the current sub-section, with a dropdown to quickly jump to other related documentation categories.

Quick Start

Create a basic breadcrumb navigation with a home link, a dropdown for sections, and the current page title.

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: shadcn_ui-breadcrumb
Download link: https://github.com/serverpod/skills-registry/archive/main.zip#shadcn-ui-breadcrumb

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.