Mikkel Manniche

Claude Code-skill

design-bake-off

Tre agenter bygger hver sit komplette bud på en landingsside eller forside, ud fra hver sin skarpe idé. Du ser dem side om side, vælger ét, og en fjerde agent bygger det ind i din app.

  • Claude Code-skill
  • MIT-licens
  • Kræver Node.js

macOS og Linux

git clone https://github.com/manniche-labs/ui.git ~/manniche-labs-ui
ln -s ~/manniche-labs-ui/skills/design-bake-off ~/.claude/skills/design-bake-off

Windows (PowerShell)

git clone https://github.com/manniche-labs/ui.git "$env:USERPROFILE\manniche-labs-ui"
New-Item -ItemType Junction -Path "$env:USERPROFILE\.claude\skills\design-bake-off" -Target "$env:USERPROFILE\manniche-labs-ui\skills\design-bake-off"

Bed Claude Code om “en design bake-off til forsiden”, eller skriv /design-bake-off.

Sådan foregår en runde

  1. Brief

    Skillen læser din app og skriver en kort brief: hvem siden er til, hvad den skal få folk til, og hvad der ikke må stå.

  2. Tre bud

    Tre agenter arbejder samtidig, hver ud fra sin egen metafor. Hvert bud er en færdig side med rigtige effekter, ikke en skitse.

  3. Du vælger

    Du får de tre bud at se og vælger et, eller beder om en ny runde.

  4. Porten

    En agent bygger det valgte bud ind i din app med dine egne farver og komponenter. I React og shadcn bruger den Manniche UI.

Reglerne

  • Ingen opfundne tal eller udtalelser.
  • Intet generisk AI-look.
  • Én bærende effekt pr. sektion.
  • Effekterne er ren JS og CSS, så de virker i alle stakke.