How does the T-Score (Typicality Score) work?

A T-Score measures how common a design direction is; a score of 1.0 is generic, while a score below 0.2 represents bold, experimental, and unexpected design choices.

Is the generated code production-ready?

Yes, the skill enforces 'Quality Guardrails' ensuring that even experimental designs maintain accessibility (WCAG AA), visual hierarchy, and functional clarity.

What is 'Mode Collapse' in AI design?

Mode collapse refers to the tendency of AI models to produce safe, generic, and highly predictable outputs (often called 'AI-slop') instead of creative, unique designs.

When should I use the AIDA framework feature?

Use AIDA for landing pages, product launches, or marketing sites where the primary goal is to capture attention, build interest, and drive user action.

VS Design Diverge

Name: VS Design Diverge
Author: xavierchoi

byxavierchoi

•

デザインツール

Creates distinctive, high-entropy frontend interfaces by mitigating AI mode collapse and prioritizing non-generic design patterns.

概要

VS Design Diverge is a specialized Claude Code skill designed to break the cycle of 'AI-slop' by guiding the LLM toward unique, production-grade frontend designs. By utilizing Verbalized Sampling (VS), the skill systematically identifies generic baselines and intentionally samples 'long-tail' aesthetic directions with low Typicality Scores (T-Scores). It balances experimental creativity with rigorous quality guardrails—ensuring visual hierarchy, legibility, and functional clarity—while incorporating strategic frameworks like AIDA for conversion-focused projects. This skill is essential for developers looking to build interfaces that stand out with intentionality and character.

主な機能

Mitigates 'Mode Collapse' by explicitly avoiding generic, high-probability design patterns.
Integrates the AIDA framework for strategic, conversion-oriented visual storytelling.
8 GitHub stars
Implements rigorous quality guardrails for accessibility, hierarchy, and functional consistency.
Utilizes Verbalized Sampling (VS) to explore and justify low-typicality aesthetic directions.
Mandates deep context discovery to align experimental designs with specific business goals.

ユースケース

Developing high-character personal portfolios with unique typography and spatial compositions.
Building standout marketing landing pages that avoid the standard 'generic SaaS' aesthetic.
Creating experimental UI prototypes that require bold, non-standard visual identities.

概要

主な機能

Mitigates 'Mode Collapse' by explicitly avoiding generic, high-probability design patterns.
Integrates the AIDA framework for strategic, conversion-oriented visual storytelling.
8 GitHub stars
Implements rigorous quality guardrails for accessibility, hierarchy, and functional consistency.
Utilizes Verbalized Sampling (VS) to explore and justify low-typicality aesthetic directions.
Mandates deep context discovery to align experimental designs with specific business goals.

ユースケース

Developing high-character personal portfolios with unique typography and spatial compositions.
Building standout marketing landing pages that avoid the standard 'generic SaaS' aesthetic.
Creating experimental UI prototypes that require bold, non-standard visual identities.