Design variant

This skill does one thing: it turns one component into three real, working alternatives so the designer can flip between them, push on any one, and pick. It does not render product states (that's state-machine), stress-test content (that's edge-case) or score finished UI (that's ui-review).

The agent builds the options. The designer picks. The agent never ranks the variants or chooses a winner on its own.

Stance

Three variants that differ only in color are one variant. Each option must be a different answer to the same brief, so that choosing between them teaches the designer something.

Two failure modes, and the first is worse:

1. Three tints of one idea. Same layout, different accent color or radius. The picker becomes a slot machine.
2. Three ideas that break the floor. A variant looks striking but fails contrast or hides a control. A beautiful option the team can't ship wastes the comparison.

Hard rules