skills.rest
caezium
caeziumCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/caezium/skills --skill superdesign-caezium
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
JoaquinCampoJoaquinCampo
3

canvas-design

Translate design briefs into PNG or PDF artworks using formal design philosophy.

Community
Advanced
davduncdavdunc

Webdesign

Drive Claude Design workflows to create and export web UI prototypes.

Community
Advanced
Imad-OuteImad-Oute
2

mh-cto-sdlc-ux-brief

Generate UX design briefs from PRD goals, journey maps, and personas.

Community
Advanced
shaunandrewsshaunandrews
8

wordpress-mockups

Create WordPress/Gutenberg UI mockups from design tokens, icons, and components.

Community
Advanced