Skip to content
NutlopePublic

About

A compact design skill that generates four design variations of a component to iterate better on your UIs. A skill for Claude Code, Codex CLI, and opencode.

Resources

Security policy

Stars

214 stars

Watchers

0 watching

Forks

Repository files navigation

variate

variate

Your agent writes four real versions of one file; arrow keys flip them on the localhost you are already looking at. The one you keep is the code. variate-skill.vercel.app

Tech stack

  • Node 18 builtins only: zero dependencies, no package.json, nothing to build
  • A vanilla JS card in a shadow root, injected into your own dev page
  • A 127.0.0.1 sidecar that serves the card and switches files, with SSE for live state
  • SKILL.md and AGENTS.md as the agent contracts (Claude Code, Codex CLI, opencode, Cursor, anything with a shell)
  • Three shell smoke suites as the whole test harness

About

A compact design skill that generates four design variations of a component to iterate better on your UIs. A skill for Claude Code, Codex CLI, and opencode.

Resources

Security policy

Stars

214 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages