Skills
.Work. You
Rest

spavn-ui

Community

Vue 3 UI components & design system

Software Engineering#accessibility#design system#tailwind css#ui components#mcp server#vue 3
Authorps-carvalho
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive Vue 3 component library and design system, enabling developers to build polished, accessible, and consistent user interfaces efficiently.

Core Features & Use Cases

  • Vue 3 Component Library: Offers over 50 pre-built, accessible Vue 3 components.
  • Design System: Enforces a unified design language with a 6-level elevation system and customizable design tokens.
  • AI Integration: Includes an MCP server for AI-assisted code generation, theme customization, and component usage validation.
  • Use Case: Quickly scaffold a new feature in a Vue 3 application by using spavn-ui's Card, Button, and Input components, ensuring design consistency and accessibility from the start.

Quick Start

Use the spavn-ui skill to add the 'button' component to your project.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: spavn-ui
Download link: https://github.com/ps-carvalho/spavn-agents/archive/main.zip#spavn-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.