Skip to content
remigius-labsPublic

About

Claude Code skill: six live design variants side by side, you pick, it ships

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

lab-skill

A Claude Code skill for picking design by seeing it. Say "lab this" and Claude builds six live variants of an animation, loader, shape or layout side by side on one local page. You flick through them and pick one, and the pick ships into the real code.

Six ways a Seal is born from the same input

Install

git clone https://github.com/remigius-labs/lab-skill
cp -r lab-skill/lab ~/.claude/skills/lab

Claude Code picks it up on the next session.

How it works

  • A is what exists now, B–E are four different ideas, F is Claude's own pick
  • Variants mix hard-cut, smooth and elastic motion, so taste has range
  • Every lab page has loop, in-context, fresh-input and tempo controls
  • "Combine E and F" adds G; "zoom in on D" builds a new round of six inside that direction
  • The pick goes live through a hook in the real code; the lab page stays as a record

Limits

Built for web front ends (HTML, CSS, canvas, JS). Slow or network steps are faked with timers, so a lab never spends gas or calls an API.

License

MIT

About

Claude Code skill: six live design variants side by side, you pick, it ships

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors