Variant: UI Alternatives

jakubkrehel/skills

Build multiple component variants in the real page and compare their tradeoffs.

Latest update at:

9,787Stars376ForksRepository last pushed

Install

Install from the original repository with the author’s command. Choose the skills and agent supported by your environment in the installer; related workflows can require other skills from the same repository.

  1. Install the repository

    Run this in a terminal.

    npx skills add jakubkrehel/skills

Official repository and installation

About this Skill

Build multiple component variants in the real page and compare their tradeoffs. Explore distinct interaction or layout approaches, then promote the selected option.

Why we picked it

Part of Jakub Krehel’s Interfaces Skills collection. Install the upstream repository to retain its related instructions.

What it helps with

  • Explore distinct interaction or layout approaches, then promote the selected option.

Before you use it

  • An agent that can load SKILL.md files and access the relevant project. Browser-based checks need an available browser; report checks that could not be performed.
  • This upstream task is user-invoked.

Supported agents

Claude CodeCodex CLIOpenCode

Sources & references

Original sources are linked below. Practical starting points are editorial suggestions from SkillHey.