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.

主な機能

01Mitigates 'Mode Collapse' by explicitly avoiding generic, high-probability design patterns.

02Integrates the AIDA framework for strategic, conversion-oriented visual storytelling.

038 GitHub stars

04Implements rigorous quality guardrails for accessibility, hierarchy, and functional consistency.

05Utilizes Verbalized Sampling (VS) to explore and justify low-typicality aesthetic directions.

06Mandates deep context discovery to align experimental designs with specific business goals.

ユースケース

01Developing high-character personal portfolios with unique typography and spatial compositions.

02Building standout marketing landing pages that avoid the standard 'generic SaaS' aesthetic.

03Creating experimental UI prototypes that require bold, non-standard visual identities.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xavierchoi/xavierchoi_skills VS Design Diverge

For use in Claude.ai and ChatGPT

Download Skill