Nuxt UI Templates Skill

Fetches real implementation examples from the official Nuxt UI templates.

Available Templates

Template Description

dashboard

Full dashboard with sidebar, panels, navbar

saas

SaaS app with auth, pricing, landing

landing

Marketing landing page

chat

AI chatbot with Vercel AI SDK

docs

Documentation site

portfolio

Portfolio/personal site

editor

Notion-like WYSIWYG editor

changelog

Changelog/release notes

starter

Minimal Nuxt starter

Usage

List template structure

python3 .claude/skills/nuxt-ui-templates/fetch.py dashboard --structure

Fetch a specific file

python3 .claude/skills/nuxt-ui-templates/fetch.py dashboard app/layouts/default.vue python3 .claude/skills/nuxt-ui-templates/fetch.py dashboard app/components/UserMenu.vue python3 .claude/skills/nuxt-ui-templates/fetch.py saas app/pages/pricing.vue

Search for patterns

python3 .claude/skills/nuxt-ui-templates/fetch.py dashboard --search "DashboardSidebar"

List all templates

python3 .claude/skills/nuxt-ui-templates/fetch.py --list

When to Use

• "How do I set up a dashboard layout?"

• "Show me a real sidebar implementation"

• "How do I structure a SaaS pricing page?"

• "What's the pattern for a chat interface?"