lithos-landing - SKILL.md Agent Skill

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.

Lithos Landing Page

Creates and maintains the landing page at vault/index.md.

Vault Location

[WorkspaceRoot]/vault/index.md

Critical Rules

Layout: The frontmatter MUST include layout: page and navigation: false.
No Sidebars: The landing page uses the landing layout (no left/right sidebars).
Container: The layout provides <UContainer> — do NOT add container wrappers in MDC.
MDC Components: Use Nuxt UI page components (::u-page-hero, :::u-page-grid, ::::u-page-card).
Feature Cards: Minimum 6 cards covering core Lithos capabilities.
Images: Use ::u-color-mode-image for cards with images, providing both dark and light variants.
Internal Links: Cards should link to internal feature/guide pages with to: /features/... or to: /guide/....
No External Targets: Do not set target: _blank for internal links.
Icons & Ordering: Every page must have icon, navigation.icon (using i-lucide-* prefix), and order specified in the frontmatter.

Card Grid Layout

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.
::::

:::

Recommended Feature Coverage

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)

Image Sources

Obsidian: https://obsidian.md/images/screenshot-1.0-hero-combo.png
Docus MCP: https://docus.dev/landing/dark/mcp.svg (+ light variant)
Docus Search: https://docus.dev/landing/dark/command-menu.png (+ light variant)
Docus Templates: https://docus.dev/landing/dark/templates-ui-pro.webp (+ light variant)

Frontmatter

---
title: Lithos
description: Turn your Obsidian Vault into a beautiful documentation website.
layout: page
navigation: false
---