Skills
.Work. You
Rest

ui-design-nuxt-ui

Community

Default to Nuxt UI components for UI work.

Design & Creative#theming#accessibility#ui-design#nuxt-ui#component-design#semantic-colors
Authordennisadriaans
Version1.0.0
Installs0

System Documentation

What problem does it solve?

When building or updating user interfaces, teams often diverge on component choices, leading to inconsistent UIs and slower delivery. This Skill enforces a default to Nuxt UI components to ensure cohesion and faster iteration.

Core Features & Use Cases

  • Enforces using Nuxt UI components by default for UI construction.
  • Guides developers to consult the Nuxt UI MCP for available components and their APIs.
  • Improves consistency, accessibility, and theming across Nuxt and Vue projects.

Quick Start

  1. Open the Nuxt UI MCP to review available components and their APIs.
  2. Replace custom or ad-hoc UI elements with their Nuxt UI equivalents (e.g., buttons, alerts, inputs).
  3. Verify visual consistency and semantic color usage across the app.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-design-nuxt-ui
Download link: https://github.com/dennisadriaans/vue-chrts/archive/main.zip#ui-design-nuxt-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.