variant

Solid

Builds multiple variants of a component you're working on and helps you iterate and pick one.

Web & Frontend 422 stars 44 forks Updated today

Install

View on GitHub

Quality Score: 83/100

Stars 20%
87
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
0
Description 5%
100

Skill Content

# Variants This skill takes one described piece of UI and builds three versions that differ on purpose. They go behind a picker in the real page, so you can flip between them and choose. Every other skill here judges. This one produces candidates and hands the decision back. Reviewing existing UI is `interface-review` and `better-interface`, and it does not pick the winner. ## Different answers, not different tints Three variants that differ in accent color teach nothing. You flip between them, see no real choice and the run is wasted. So each variant is a different answer to the same brief, on an axis this collection owns: | Axis | Owner | What varies | | --- | --- | --- | | Structure | `better-layout` | Grouping, order, column count, what collapses | | Density | `better-layout` | Spacing scale, hit areas, how much fits | | Emphasis | `better-colors` | Where filled color goes, what recedes | | Type | `better-typography` | Scale steps, weight contrast, measure | | Voice | `better-writing` | Labels, tone, how much copy | Pick **one primary axis** and give each variant a different position on it. Secondary choices follow from it rather than varying on their own. A dense variant may need a smaller type step, and that is coherence, not a second axis. Varying every axis at once produces three unattributable results. You learn which you liked, not what made it work, so the next piece starts from nothing. ## The floor every variant clears A variant that wins on looks and f...

Details

Author
aiskillstore
Repository
aiskillstore/marketplace
Created
8 months ago
Last Updated
today
Language
Python
License
None

Similar Skills

Semantically similar based on skill content — not just same category