Skills
.Work. You
Rest

nuxt-components

Official

Create Nuxt UI forms fast with UModal

Software Engineering#ui#plugin#form#modal#nuxt#umodal#ufield
AuthorArtisanCloud
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Many PowerX frontend plugins need consistent Nuxt UI form components, but developers often spend time manually wiring UModal, UFormField, and validation schemas, leading to duplicated effort and UI inconsistencies.

Core Features & Use Cases

  • Template Generation: Auto‑creates Vue component files for forms, selects, and modals based on a declarative YAML ruleset.
  • Nuxt UI Alignment: Enforces Nuxt UI 3.3.2 standards such as color palettes, portal handling, and component slots.
  • Validation Integration: Embeds valibot schema validation and standardized button layouts.
  • Use Case Example: A plugin that manages product records can instantly obtain a ready‑to‑use TemplateForm.vue with fields for name, description, and content, fully wrapped in a UModal dialog.

Quick Start

Use the nuxt-components skill to generate a Nuxt UI form with UModal for creating new products.

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: nuxt-components
Download link: https://github.com/ArtisanCloud/PowerX/archive/main.zip#nuxt-components

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 471,000+ vetted skills library on demand.