Nuxt UI
megaarmos/vue-spring-bottom-sheet
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.
Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.
$ npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install victorgarciaesgi/nuxt-typed-router create-docs --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/victorgarciaesgi/nuxt-typed-router.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/create-docs .claude/skills/create-docs && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "create-docs" agent skill from https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docs into .claude/skills/create-docs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-docs", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install victorgarciaesgi/nuxt-typed-router create-docs --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/nuxt-typed-router.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/create-docs .agents/skills/create-docs && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "create-docs" agent skill from https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docs into .agents/skills/create-docs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-docs", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install victorgarciaesgi/nuxt-typed-router create-docs --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/nuxt-typed-router.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/create-docs .cursor/skills/create-docs && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "create-docs" agent skill from https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docs into .cursor/skills/create-docs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-docs", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/victorgarciaesgi/nuxt-typed-router.git --path .agents/skills/create-docs--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install victorgarciaesgi/nuxt-typed-router create-docs --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/nuxt-typed-router.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/create-docs .gemini/skills/create-docs && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "create-docs" agent skill from https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docs into .gemini/skills/create-docs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-docs", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install victorgarciaesgi/nuxt-typed-router create-docsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/victorgarciaesgi/nuxt-typed-router.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/create-docs .github/skills/create-docs && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "create-docs" agent skill from https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docs into .github/skills/create-docs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-docs", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install victorgarciaesgi/nuxt-typed-router create-docs --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/victorgarciaesgi/nuxt-typed-router.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/create-docs .opencode/skills/create-docs && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "create-docs" agent skill from https://github.com/victorgarciaesgi/nuxt-typed-router/tree/master/.agents/skills/create-docs into .opencode/skills/create-docs/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "create-docs", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
create-docsCreate complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.
Create Docs is an agent skill from victorgarciaesgi/nuxt-typed-router. Create complete documentation sites for projects. Use when asked to: "create docs", "add documentation", "setup docs site", "generate docs", "document my project", "write docs", "initialize documentation", "add a docs folder", "create a docs website". Generates Docus-based sites with search, dark mode, MCP server, and llms.txt integration.
Its SKILL.md is about 2.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including reference files (for example `references/mdc-components.md`, `references/templates.md` and `references/writing-guide.md`).
It sits in Frontend & Design, covering Static sites and blogs, AI search optimization and Theming and dark mode. It works with Nuxt, npm, Model Context Protocol and pnpm. The repository describes itself as: 🚦Provide autocompletion and typecheck to Nuxt router. The licence is MIT.
5 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit ce579ad. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
pnpmnpmbunyarnnpxFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use pnpm, npm, yarn and npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Create Docs loads about 2.8k tokens when it runs, and up to ~6.2k if it reads all its reference files. Until then it costs about 88 tokens; SKILL.md has 525 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from victorgarciaesgi/nuxt-typed-router at commit ce579ad, republished under its MIT licence (© victorgarciaesgi). 525 words, ~2,761 tokens.
.claude/skills/create-docs/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.Generate a complete, production-ready documentation site for any project.
Detect from lock files, default to npm if none found:
| Lock File | PM | Install | Run | Add |
|---|---|---|---|---|
pnpm-lock.yaml | pnpm | pnpm install | pnpm run | pnpm add |
package-lock.json | npm | npm install | npm run | npm install |
yarn.lock | yarn | yarn install | yarn | yarn add |
bun.lockb | bun | bun install | bun run | bun add |
Use [pm] as placeholder in commands below.
Check for:
├── pnpm-workspace.yaml → pnpm monorepo
├── turbo.json → Turborepo monorepo
├── lerna.json → Lerna monorepo
├── nx.json → Nx monorepo
├── apps/ → Apps directory (monorepo)
├── packages/ → Packages directory (monorepo)
├── docs/ → Existing docs (avoid overwriting)
├── README.md → Main documentation source
└── src/ or lib/ → Source code location| Project Type | Target Directory | Workspace Entry |
|---|---|---|
| Standard project | ./docs | N/A |
Monorepo with apps/ | ./apps/docs | apps/docs |
Monorepo with packages/ | ./docs | docs |
Existing docs/ folder | Ask user or ./documentation | — |
| File | Extract |
|---|---|
README.md | Project name, description, features, usage examples |
package.json | Name, description, dependencies, repository URL |
src/ or lib/ | Exported functions, composables for API docs |
Check if project needs multi-language docs:
| Indicator | Action |
|---|---|
@nuxtjs/i18n in dependencies | Use i18n template |
locales/ or i18n/ folder exists | Use i18n template |
| Multiple language README files | Use i18n template |
| User explicitly mentions multiple languages | Use i18n template |
| None of the above | Use default template |
Default template:
[docs-location]/
├── app/ # Optional: for customization
│ ├── app.config.ts
│ ├── components/
│ ├── layouts/
│ └── pages/
├── content/
│ ├── index.md
│ └── 1.getting-started/
│ ├── .navigation.yml
│ └── 1.introduction.md
├── public/
│ └── favicon.ico
├── package.json
└── .gitignorei18n template (if multi-language detected):
[docs-location]/
├── app/
│ └── app.config.ts
├── content/
│ ├── en/
│ │ ├── index.md
│ │ └── 1.getting-started/
│ │ ├── .navigation.yml
│ │ └── 1.introduction.md
│ └── fr/ # Or other detected languages
│ ├── index.md
│ └── 1.getting-started/
│ ├── .navigation.yml
│ └── 1.introduction.md
├── nuxt.config.ts # Required for i18n config
├── public/
│ └── favicon.ico
├── package.json
└── .gitignoreDefault:
{
"name": "[project-name]-docs",
"private": true,
"scripts": {
"dev": "nuxt dev --extends docus",
"build": "nuxt build --extends docus",
"generate": "nuxt generate --extends docus",
"preview": "nuxt preview --extends docus"
},
"dependencies": {
"docus": "latest",
"better-sqlite3": "^12.5.0",
"nuxt": "^4.2.2"
}
}i18n (add @nuxtjs/i18n):
{
"name": "[project-name]-docs",
"private": true,
"scripts": {
"dev": "nuxt dev --extends docus",
"build": "nuxt build --extends docus",
"generate": "nuxt generate --extends docus",
"preview": "nuxt preview --extends docus"
},
"dependencies": {
"@nuxtjs/i18n": "^10.2.1",
"docus": "latest",
"better-sqlite3": "^12.5.0",
"nuxt": "^4.2.2"
}
}export default defineNuxtConfig({
modules: ['@nuxtjs/i18n'],
i18n: {
locales: [
{ code: 'en', language: 'en-US', name: 'English' },
{ code: 'fr', language: 'fr-FR', name: 'Français' }
],
defaultLocale: 'en'
}
})node_modules
.nuxt
.output
.data
distonlyBuiltDependencies (required for better-sqlite3):packages:
- 'apps/*'
- 'docs'
onlyBuiltDependencies:
- better-sqlite3{
"scripts": {
"docs:dev": "pnpm run --filter [docs-package-name] dev"
}
}Or with directory path:
{
"scripts": {
"docs:dev": "cd docs && pnpm dev"
}
}{
"workspaces": ["apps/*", "docs"],
"scripts": {
"docs:dev": "npm run dev --workspace=docs"
}
}Use templates from references/templates.md.
CRITICAL: MDC Component Naming
All Nuxt UI components in MDC must use the u- prefix:
| Correct | Wrong |
|---|---|
::u-page-hero | ::page-hero |
::u-page-section | ::page-section |
:::u-page-feature | :::page-feature |
:::u-button | :::button |
::::u-page-card | ::::page-card |
Without the u- prefix, Vue will fail to resolve the components.
content/
├── index.md # Landing page
├── 1.getting-started/
│ ├── .navigation.yml
│ ├── 1.introduction.md
│ └── 2.installation.md
├── 2.guide/
│ ├── .navigation.yml
│ ├── 1.configuration.md
│ ├── 2.authentication.md
│ └── 3.deployment.md
└── 3.api/ # If applicable
├── .navigation.yml
└── 1.reference.mdindex.md) - Hero + features gridFor writing style, see references/writing-guide.md. For MDC components, see references/mdc-components.md.
Docus automatically includes MCP server (/mcp) and llms.txt generation. No configuration needed.
Do NOT add AI Integration sections to the landing page. These features work automatically.
Optionally mention in the introduction page:
::note
This documentation includes AI integration with MCP server and automatic `llms.txt` generation.
::export default defineAppConfig({
docus: {
name: '[Project Name]',
description: '[Project description]',
url: 'https://[docs-url]',
socials: {
github: '[org]/[repo]'
}
}
})If the project has a design system or brand colors, customize the docs theme.
Create app/assets/css/main.css:
@import "tailwindcss";
@import "@nuxt/ui";
@theme static {
/* Custom font */
--font-sans: 'Inter', sans-serif;
/* Custom container width */
--ui-container: 90rem;
/* Custom primary color (use project brand color) */
--color-primary-50: oklch(0.97 0.02 250);
--color-primary-500: oklch(0.55 0.2 250);
--color-primary-900: oklch(0.25 0.1 250);
}export default defineAppConfig({
docus: {
name: '[Project Name]',
description: '[Project description]',
url: 'https://[docs-url]',
socials: {
github: '[org]/[repo]',
x: '@[handle]'
}
},
// Customize UI components
ui: {
colors: {
primary: 'emerald',
neutral: 'zinc',
},
pageHero: {
slots: {
title: 'font-semibold sm:text-6xl'
}
}
}
})Provide instructions using detected package manager.
Documentation created in [docs-location]
To start:
cd [docs-location]
[pm] install
[pm] run dev
Available at http://localhost:3000Documentation created in [docs-location]
To start from root:
[pm] install
[pm] run docs:dev
Or from docs directory:
cd [docs-location]
[pm] run dev
Available at http://localhost:3000content/2.guide/app.config.tsAfter documentation is created, suggest enhancements:
Your documentation is ready!
Would you like me to:
- **Customize the UI** - Match your brand colors and style
- **Enhance the landing page** - Add feature cards, code previews, visuals
- **Add i18n support** - Multi-language documentation
- **Set up deployment** - Deploy to Vercel, Netlify, or Cloudflare
Let me know what you'd like to improve!| Platform | Command | Output |
|---|---|---|
| Vercel | npx vercel --prod | Auto-detected |
| Netlify | [pm] run generate | .output/public |
| Cloudflare Pages | [pm] run generate | .output/public |
| GitHub Pages | [pm] run generate | .output/public |
Detected: pnpm monorepo, package in packages/
Generated structure:
docs/
├── content/
│ ├── index.md
│ ├── 1.getting-started/
│ │ ├── .navigation.yml
│ │ ├── 1.introduction.md
│ │ └── 2.installation.md
│ ├── 2.guide/
│ │ ├── .navigation.yml
│ │ ├── 1.authentication.md
│ │ ├── 2.oauth-providers.md
│ │ └── 3.sessions.md
│ └── 3.api/
│ ├── .navigation.yml
│ └── 1.composables.md
├── public/
│ └── favicon.ico
├── package.json
└── .gitignoreInside authentication.md (action-based H2 headings):
## Add basic authentication
## Protect your routes
## Handle login redirects
## Customize the session© victorgarciaesgi, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 3 other files (references) in .agents/skills/create-docs of victorgarciaesgi/nuxt-typed-router.
Open the folder on GitHubat commit ce579ad
We found 2 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 2 other GitHub owners. This page covers the copy in victorgarciaesgi/nuxt-typed-router, which our catalogue first saw on October 7, 2026.
Create Docs next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Create Docs this skillvictorgarciaesgi/nuxt-typed-router | 413 | 2 repos | ~2.8k | Automated safety check: Pass | MIT | |
| Nuxt UImegaarmos/vue-spring-bottom-sheet | 141 | 1 repos | ~2.5k | Automated safety check: Pass | MIT | |
| Vuetify Skilldlogue/vite-vuetify-ts-starter | 181 | 1 repos | ~1.9k | Automated safety check: Pass | MIT | |
| Shadcn Vue Skilldskilld-dev/vue-ecosystem-skills | 181 | — | ~1.2k | Automated safety check: Pass | MIT | |
| Shadcn Vuesecondsky/claude-skills | 227 | — | ~3.3k | Automated safety check: Pass | MIT | |
| Nuxt UI V4secondsky/claude-skills | 227 | — | ~3.3k | Automated safety check: Notes | MIT |
megaarmos/vue-spring-bottom-sheet
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.
logue/vite-vuetify-ts-starter
Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.
skilld-dev/vue-ecosystem-skills
A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.
secondsky/claude-skills
shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.
secondsky/claude-skills
Nuxt UI v4 component library for building Nuxt v4 applications.
secondsky/claude-skills
Maz-UI v4 - Modern Vue & Nuxt component library with 50+ standalone components, composables, directives, theming, i18n, and SSR support.
Categories
Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router. Create Docs is an agent skill from victorgarciaesgi/nuxt-typed-router. Create complete documentation sites for projects.
Create Docs fits situations like: asked to: create docs; add documentation; setup docs site; document my project.
Run `npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a claude-code`. Or copy the skill folder (.agents/skills/create-docs in victorgarciaesgi/nuxt-typed-router) into .claude/skills/create-docs in your project. Claude Code loads it when a task matches its description.
Run `npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a codex`. Or copy the skill folder (.agents/skills/create-docs in victorgarciaesgi/nuxt-typed-router) into .agents/skills/create-docs in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add victorgarciaesgi/nuxt-typed-router --skill create-docs -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/create-docs, .gemini/skills/create-docs, .github/skills/create-docs and .opencode/skills/create-docs in your project.
Going by SKILL.md and its folder, Create Docs needs the command-line tools its instructions call (pnpm, npm, bun, yarn and npx). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npm and npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Create Docs is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 2.8k tokens (SKILL.md is roughly 11k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.4k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Create Docs: Nuxt UI (megaarmos/vue-spring-bottom-sheet, 141 stars), Vuetify Skilld (logue/vite-vuetify-ts-starter, 181 stars), Shadcn Vue Skilld (skilld-dev/vue-ecosystem-skills, 181 stars) and Shadcn Vue (secondsky/claude-skills, 227 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
victorgarciaesgi (a GitHub user) maintains it in victorgarciaesgi/nuxt-typed-router, which has 413 GitHub stars. The repository was last updated on October 6, 2026.
Source: victorgarciaesgi/nuxt-typed-router on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.