skills.rest
jwintz
jwintzCOMMUNITY
Explore all skills by this author →
GitHub

lithos-landing

Create and maintain the Lithos landing page at vault/index.md with Nuxt UI/MDC components.

24|2|Updated Feb 3, 2026
Search Tags:#obsidian#nuxt#ui-components#landing-page#content-creation#documentation-site
One-click install
npx skills add https://github.com/jwintz/lithos --skill lithos-landing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lithos-landing
Source: https://github.com/jwintz/lithos/tree/main/skills/lithos-landing
Command: npx skills add https://github.com/jwintz/lithos --skill lithos-landing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill creates and maintains the Lithos landing page at vault/index.md, consolidating hero, feature cards, and call-to-action content into a single, consistent page.

Core Features & Use Cases

  • Enforces landing-page layout with no sidebars (layout: page, navigation: false).
  • Builds and maintains a 3-column card grid using MDC/Nuxt UI components.
  • Ensures a minimum set of feature cards (core Lithos capabilities) with internal links and icons.
  • Supports image variants via color-mode images for dark/light themes.
  • Validates internal navigation to guide pages (to: /features/..., /guide/...) without external targets.

Quick Start

Edit vault/index.md to update the hero, feature cards, and CTAs for the Lithos landing page.

Frequently Asked Questions about lithos-landing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a landing page in an Obsidian vault using Nuxt UI components?▼

An Obsidian vault landing page requires frontmatter with layout: page and navigation: false to hide sidebars. You structure the page content at vault/index.md using MDC and Nuxt UI components to render hero sections, a 3-column feature card grid, and call-to-action areas.

What frontmatter is required for a Nuxt Content documentation site landing page?▼

Required frontmatter for a Nuxt documentation landing page includes layout: page and navigation: false. These settings disable sidebar navigation and apply a full-width page layout, enabling the MDC components to render the hero and 3-column card grid without sidebar interference.

How do I build a 3-column feature card grid with internal links in Markdown?▼

Build a 3-column feature card grid in Markdown using Nuxt UI MDC components. Each card contains internal links pointing to paths like /features/ or /guide/ and includes icons. The grid validates internal navigation to ensure no external targets are used.

Can I use color-mode images for dark and light themes in a Nuxt Content landing page?▼

Yes, color-mode image variants are supported for dark and light themes on the landing page. You configure image variants within the MDC components, and Nuxt UI automatically swaps the images based on the user's active color mode preference.

How do I update the hero and call-to-action sections of an Obsidian documentation homepage?▼

Update the hero and call-to-action sections by editing vault/index.md. This single file consolidates all homepage content, allowing you to modify the hero section, adjust the 3-column feature card grid, and update CTA internal links within one consistent Markdown document.

Why does my Nuxt landing page navigation link to external targets instead of guide pages?▼

Internal navigation validation enforces links to point only to guide pages like /features/ or /guide/. If links point to external targets, the validation fails. You must update the internal links within the MDC components to ensure they route to valid documentation pages.

Related Skills

Explore More Design & Creative Skills→
CarbeneAICarbeneAI
9

document-writer

Normalize Nuxt documentation and blog prose with active voice and MDC components.

Community
Basic
tradertunantetradertunante

site-architecture

Plan site architecture with ASCII hierarchy, Mermaid sitemap, and URL map.

Community
Advanced
onmaxonmax

document-writer

Write Nuxt blog posts and documentation with MDC syntax and style guidance.

Community
Basic
AvihusittonAvihusitton

gpt-taste

Generate GSAP-powered landing pages with AIDA structure and dense bento grids.

Community
Advanced