Leaderboard/Design/variate
Last commit on August 18, 2026·Created on July 17, 2026

Nutlope/variate

Generates multiple visual directions for a single project file to facilitate design narrowing.
Combined rank
#680
across all skills
In Design
#56
category rank
Stars
145
7d change unavailable
Forks
7
Watchers
0
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
TL;DR

Variate helps frontend engineers iterate on UI components by producing four distinct design alternatives for a specific file. These variations are served on localhost via an interactive interface, allowing developers to flip through different layouts, palettes, or sections using arrow keys.

The tool is designed for the prototyping phase where multiple directions are needed before settling on a final version. It operates both in empty folders to draft new designs and within existing projects to vary files in place across any tech stack.

WHO IT'S FOR
Frontend engineers
iterate on UI components with multiple design directions
UI/UX designers who code
rapidly prototype and compare layout alternatives
Product engineers
explore visual alternatives using existing design tokens
AI coding assistant power users
manage multi-variant design sessions via CLI tools
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Want to install it?
CLI Installer · Clone to CodexRepository instructions