Menu
Create or edit the Lithos landing page (vault/index.md). Use when modifying the homepage hero, feature cards, or call-to-action sections.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Add icons to navigation items using frontmatter or .navigation.md folder files.
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.
| name | lithos-landing |
| description | Create or edit the Lithos landing page (vault/index.md). Use when modifying the homepage hero, feature cards, or call-to-action sections. |
Creates and maintains the landing page at vault/index.md.
[WorkspaceRoot]/vault/index.md
layout: page and navigation: false.landing layout (no left/right sidebars).<UContainer> — do NOT add container wrappers in MDC.::u-page-hero, :::u-page-grid, ::::u-page-card).::u-color-mode-image for cards with images, providing both dark and light variants.to: /features/... or to: /guide/....target: _blank for internal links.icon, navigation.icon (using i-lucide-* prefix), and order specified in the frontmatter.Use a 3-column grid with cards spanning 1 or 2 columns:
:::u-page-grid{class="lg:grid-cols-3"}
::::u-page-card
---
spotlight: true
class: col-span-3 lg:col-span-2 <!-- Wide card with image -->
to: /features/some-feature
---
:::::u-color-mode-image
---
height: 320
width: 859
alt: Description
class: w-full h-80 object-cover rounded-lg
dark: https://example.com/dark.png
light: https://example.com/light.png
---
:::::
#title
Feature Name
#description
Feature description with **bold** and [[wikilinks]].
::::
::::u-page-card
---
spotlight: true
class: col-span-3 lg:col-span-1 <!-- Narrow card with icon -->
to: /features/another
---
:icon{name="i-lucide-database" class="w-8 h-8 mb-4 text-primary"}
#title
Feature Name
#description
Description text.
::::
:::
| Feature | Source | Card Type |
|---|---|---|
| Obsidian Syntax | Obsidian | Wide (image) |
| Graph View | Obsidian | Narrow (icon) |
| Databases (Bases) | Obsidian | Narrow (icon) |
| MCP / AI | Docus | Wide (image) |
| Static Generation | Nuxt | Narrow (icon) |
| Daily Notes / Search | Both | Wide (image) |
https://obsidian.md/images/screenshot-1.0-hero-combo.pnghttps://docus.dev/landing/dark/mcp.svg (+ light variant)https://docus.dev/landing/dark/command-menu.png (+ light variant)https://docus.dev/landing/dark/templates-ui-pro.webp (+ light variant)---
title: Lithos
description: Turn your Obsidian Vault into a beautiful documentation website.
layout: page
navigation: false
---