Skills
.Work. You
Rest

mp-design-ui-3

Community

Generate UI variants to speed design decisions

Design & Creative#design tokens#component generation#design exploration#ui variants#style systems#comparison view
AuthorMartinoPolo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill removes the slow, subjective process of exploring design directions by quickly producing multiple UI styles for the same component or page.

Core Features & Use Cases

  • Multi-style UI variant generation: Creates N variants across selected design styles (e.g., brutalism, cafe, cosmic) for side-by-side comparison.
  • Framework-aware targeting: Detects your project framework from dependencies and infers the correct file extension and scope (component vs page).
  • Winner finalization with tokens: Moves the chosen variant to the target path and generates a design-tokens.md file extracted from the winning style.

Quick Start

Run the Skill to generate five design variants for your LoginForm component in Svelte by calling: /mp-design-ui-3 LoginForm --count 5 --styles brutalism,cafe,cosmic,luxury,editorial

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: mp-design-ui-3
Download link: https://github.com/MartinoPolo/mpx-claude-code/archive/main.zip#mp-design-ui-3

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.