메뉴
Add icons to navigation items using frontmatter or .navigation.md folder files.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Configure navigation ordering for Obsidian vaults using frontmatter, .navigation.md files, or numeric filename prefixes.
Add custom Vue components to a vault for use in markdown content or app-level overrides.
Ensure consistent content formatting and avoid common issues
Create documentation for the Lithos repository itself. Use this skill when writing guides, feature docs, or API references in the `vault/` directory.
Create feature documentation pages in vault/2.features/. Use when documenting a specific Lithos capability like graph view, bases, or daily notes.
Create or edit the Lithos landing page (vault/index.md). Use when modifying the homepage hero, feature cards, or call-to-action sections.
| name | navigation-icons |
| description | Add icons to navigation items using frontmatter or .navigation.md folder files. |
Add icons to your navigation sidebar for both pages and folders.
Add icons to individual pages using the navigation.icon frontmatter property:
---
title: Getting Started
navigation:
icon: i-lucide-rocket
---
Or use the shorthand icon property (both work):
---
title: Getting Started
icon: i-lucide-rocket
---
Configure folder icons using .navigation.md files placed inside the folder. These are frontmatter-only files (no body content):
# features/.navigation.md
---
title: Features
navigation:
title: Features
icon: i-lucide-star
order: 1
---
This sets the folder's display title, icon, and position in the sidebar.
Hyalo vault — each section folder has a .navigation.md:
# init/.navigation.md
---
title: Init System
navigation:
title: Init System
icon: i-lucide-layers
order: 2
---
# lisp/.navigation.md
---
title: Lisp Side
navigation:
title: Lisp Side
icon: i-lucide-parentheses
order: 3
---
# swift/.navigation.md
---
title: Swift Side
navigation:
title: Swift Side
icon: i-lucide-layers-3
order: 4
---
When using numeric filename prefixes, the prefix handles ordering. Use .navigation.md for icons and display titles:
# 1.guide/.navigation.md
---
title: Guide
navigation:
icon: i-lucide-book-open
---
No order needed here — the numeric prefix 1. determines position.
Lithos supports these icon prefixes (via @nuxt/icon):
| Prefix | Set | Examples |
|---|---|---|
i-lucide-* | Lucide Icons | i-lucide-home, i-lucide-settings |
i-heroicons-* | Heroicons | i-heroicons-home, i-heroicons-cog |
i-simple-icons-* | Simple Icons | i-simple-icons-github |
For custom SVG icons, place them in assets/icons/ and reference via path:
navigation:
icon: /assets/icons/custom.svg