Skills
.Work. You
Rest

navigation-icons

Community

Add icons to navigation items via frontmatter.

Design & Creative#navigation#icons#frontmatter#lucide#folders#navigation.icon
Authorjwintz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enables visual navigation cues by allowing icons on pages and folders through frontmatter and folder configuration, reducing search time and cognitive load.

Core Features & Use Cases

  • Page icons: Attach icons to individual pages via the navigation.icon frontmatter property or the shorthand icon field to convey page purpose at a glance.
  • Folder icons: Define per-folder icons with .navigation.yml to reflect hierarchy and improve navigation clarity.
  • Icon sets & customization: Choose icons from supported prefixes (i-lucide-, i-heroicons-, i-simple-icons-*) and reference custom SVGs stored in /assets/icons/.

Quick Start

To start, add a frontmatter snippet to a page:

title: Getting Started navigation: icon: i-lucide-rocket

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: navigation-icons
Download link: https://github.com/jwintz/lithos/archive/main.zip#navigation-icons

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.