skills.rest
Cartasid
CartasidCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems with design tokens and component patterns.

Updated Apr 3, 2026
Search Tags:#typography#design#accessibility#components#design-system#color-palette#uiux
One-click install
npx skills add https://github.com/Cartasid/DamaVenus --skill ui-ux-pro-max-cartasid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Cartasid/DamaVenus/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Cartasid/DamaVenus --skill ui-ux-pro-max-cartasid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design teams spend excessive time curating consistent design systems across projects. This Skill provides a structured approach to generate and maintain design guidelines, patterns, and tokens.

Core Features & Use Cases

  • Automatically aggregates design tokens (colors, typography, spacing) and component patterns across multiple stacks and styles.
  • Generates a Master design system with hierarchical page overrides (page-specific rules) and a documented usage guide.
  • Use cases include creating dashboards, marketing sites, and mobile apps with consistent UX language; supports persistence and reusability.

Quick Start

Provide a project context and let the Skill generate a complete UI/UX design system for your product.

Frequently Asked Questions about ui-ux-pro-max

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete UI/UX design system from project context?▼

A design system centralizes UI/UX guidelines, design tokens, and component patterns to ensure visual consistency across multi-stack web and mobile products. This Skill automates creating that system, outputting structured markdown with a Master hierarchy and page-specific overrides.

Can I create page-specific overrides for a Master design system?▼

Yes, you can create page-specific overrides for a Master design system. The Skill generates a hierarchical structure where the Master system establishes global rules, and individual pages can apply localized style, color, and typography overrides for dashboards or landing pages.

What's the best way to automate design token aggregation for multiple stacks?▼

Automating design token aggregation is best handled by providing domain insights to this Skill, which extracts and curates color palettes, typography, and spacing rules. It outputs a unified, persistent design system applicable across multiple technology stacks.

Does this design system generator support both web and mobile apps?▼

Yes, it supports both web and mobile product teams. The Skill generates configurable style, color, typography, and component guidance for websites, dashboards, and apps across multiple stacks, ensuring consistent UX language across platforms.

What format is the generated design system output in?▼

The generated design system output is in a structured markdown and ASCII format. This allows development teams to easily read, version control, and integrate the design tokens and component documentation into their existing workflows.

Related Skills

Explore More Design & Creative Skills→
LisaPullmanLisaPullman

ui-ux-pro-max

Generate complete UI/UX design systems with Master + Overrides architecture.

Community
Advanced
v1nizxv1nizx

stitch::extract-design-md

Extract color palettes, typography scales, and component styling patterns from frontend source code.

Community
Advanced
jac007xjac007x

design-system-validator

Audit Walmart design-system compliance across tokens, components, and spacing.

Community
Advanced
bl1nk-botbl1nk-bot
2

ui-ux-pro-max

Consolidates UI/UX design guidance into a design-system-ready briefing with style, color, and typography recommendations.

Official
Advanced