Nuxt UI

Nuxt UI v4 component docs and template fetchers plus the rule that makes Claude Code check them before touching a .vue file.

nuxt-uivueuidocs
SkillsRulesCLAUDE.md
Author
Patrity
Files
8
Size
40.3 KB
Requires
python3

Nuxt UI

Two doc-fetching skills plus one path-scoped rule. The rule fires when Claude touches a .vue file under app/ and tells it to look up the real v4 API instead of recalling a v2/v3 prop that no longer exists.

What's inside

PathPurpose
skills/nuxt-ui-docs/Fetches Nuxt UI v4 component docs (python3 .claude/skills/nuxt-ui-docs/fetch.py Button, fetch.py Tree).
skills/nuxt-ui-templates/Pulls real files from the official Nuxt UI templates (dashboard, docs, saas, chat…).
rules/web-vue-ui.mdNuxt UI v4: U* components over raw markup, semantic color tokens only, invoke nuxt-ui-docs first, validate with playwright-cli.
CLAUDE.mdA pointer block to paste into your project's CLAUDE.md.

Install

unzip nuxt-ui.zip
mkdir -p .claude
cp -R nuxt-ui/skills nuxt-ui/rules .claude/
cat nuxt-ui/CLAUDE.md >> CLAUDE.md
echo '.claude/skills/*/cache/' >> .gitignore

The fetchers cache what they download under skills/<name>/cache/, hence the .gitignore line. Caches are safe to delete at any time; the next fetch rebuilds them.

Requirements

  • python3 on PATH (standard library only, no pip installs).
  • Network access to raw.githubusercontent.com the first time a component or template is fetched.

Companion bundles

  • nuxt — the Nuxt 4 framework docs fetcher and its rule. Install both if the project is Nuxt + Nuxt UI.
  • browser-testing — the playwright-cli workflow rules/web-vue-ui.md points at.