# UI variants side by side (/prototype)

/prototype is a Claude Code skill in the Web & Design section. It is maintained by emilkowalski and published under the MIT license. Builds several genuinely different versions of a UI piece you describe and shows them behind a visual picker, so you can flip through and promote a winner.

- Web version: https://skills.sgomez.dev/en/s/prototype
- Section: [Web & Design](https://skills.sgomez.dev/en/web.md)
- Author: emilkowalski
- License: MIT
- Source: https://github.com/emilkowalski/skills/tree/d16ebe60d09a5ba2afcb7054ede9d0a10c9f6128/skills/prototype
- Updated 23 Sept 2026

## How to ask for it

- `Generate three different versions of my landing page hero to compare`
- `I want to try several designs for the product card before deciding`
- `Create visual alternatives for the sign-up form and let me pick one`

## Install

macOS · Linux:

```
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash
```

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## Author's description

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.

- [How we review this](https://skills.sgomez.dev/en/methodology.md)