بنقرة واحدة
navigation-icons
Add icons to navigation items using frontmatter or .navigation.md folder files.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
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