Skills
.Work. You
Rest

heroui-navigation

Community

Navigate and organize content with Hero UI.

Software Engineering#frontend#react#navigation#ui components#tabs#accordion#hero ui
Authortchiphuong
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides pre-built, accessible UI components for managing navigation and organizing content within the UniManage application, streamlining development and ensuring a consistent user experience.

Core Features & Use Cases

  • Tabbed Interfaces: Organize content into switchable views using the Tabs component. Ideal for settings pages or multi-section forms.
  • Collapsible Content: Use Accordion or Disclosure components to hide/show detailed information, perfect for FAQs or expandable sections.
  • Hierarchical Navigation: Implement clear navigation paths with the Breadcrumbs component.
  • Pagination: Manage large datasets efficiently with the Pagination component.
  • Links: Create styled and integrated links using the Link component, compatible with Next.js.
  • Use Case: When building a user profile page, use Tabs to separate 'General Information', 'Account Settings', and 'Activity History'. For an FAQ section, use Accordion to keep questions concise until expanded.

Quick Start

Use the heroui-navigation skill to create a tabbed interface with 'Profile' and 'Settings' tabs.

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: heroui-navigation
Download link: https://github.com/tchiphuong/UniManage/archive/main.zip#heroui-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 223,000+ vetted skills library on demand.