superdesign

Manage iterative UI design workflows with design-system-backed scaffolds.

2|Updated Apr 25, 2026

Search Tags:#design #ui #prototyping #iteration #ux #design-system

Ready to run

npx skills add https://github.com/caezium/skills --skill superdesign-caezium

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: superdesign
Source: https://github.com/caezium/skills/tree/main/superdesign
Command: npx skills add https://github.com/caezium/skills --skill superdesign-caezium

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates and streamlines frontend UI/UX design exploration, enabling rapid iteration from research to prototyping while preserving design-system consistency.

Core Features & Use Cases

Iterative design drafting: generate and branch multiple design variations to compare styles and interactions.
Design-system facilitation: establish or extract a design system to ensure cohesive visuals and tokens across pages.
Contextual prototyping: create a pixel-perfect replica HTML canvas to ground design exploration and evaluation.

Quick Start

Begin by creating a project using your current replica HTML template as the canvas and provide a design brief for iteration.

Frequently Asked Questions about superdesign

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

FAQPage Schema

What is iterative UI design automation and how does it preserve design-system consistency?▼

Iterative UI design automation proactively generates and branches multiple design variations while enforcing design-system tokens. It coordinates exploration across pages and components to deliver cohesive UI concepts without manual visual alignment.

How do I start an iterative UI design workflow using a pixel-perfect replica?▼

To start iterative UI design, provide your current replica HTML template as the canvas and submit a design brief. The automation uses this contextual prototyping baseline to ground prompt-driven design exploration and evaluation.

Can I extract and establish a design system from an existing HTML canvas?▼

Yes, you can establish or extract a design system directly from your pixel-perfect replica. The workflow facilitates token usage to ensure cohesive visuals are maintained across all generated pages and components.

Does prompt-driven UI iteration support branching multiple design variations?▼

Prompt-driven UI iteration supports generating and branching multiple design variations. This allows you to safely automate design tasks and compare different styles and interactions within the same design-system-backed scaffold.

What is the best way to automate frontend UI design exploration without breaking design tokens?▼

The best way to automate frontend UI design exploration is using a design-system-backed scaffold that proactively manages token usage. This ensures safe automation of design tasks while generating cohesive prototypes across pages.