Distill

Průchod nemilosrdné redukce UI – ořezává obsah, CTA a dekorace, které nevedou k akci.

od educlopez · educlopez/ui-craft

Otestováno · Funguje ★ 8.8/10

Distill — Průchod nemilosrdné redukce UI – ořezává obsah, CTA a dekorace, které nevedou k akci.

Co umí

Redukční optika pro práci na UI: ořezává texty, konkurenční CTA, dekorativní vizuály a mrtvý kód podle jediného testu (odpovídá to na otázku nebo vede k akci?), s ovladačem CRAFT_LEVEL pro agresivitu a povinnou zábranou pro přístupnost. Spouští se, když se UI zdá přeplněné, rušné nebo přetížené CTA, nebo když uživatel řekne 'zjednoduš to' nebo 'destiluj' v kontextu práce na designu/frontendu.

Testovací report

Po zadání přeplněné sekce s ceníkem (3 konkurenční CTA, 12položkový seznam funkcí, gradientní skvrny, stěny textu) vytvořila strukturovanou tabulku co/proč ořezat a explicitní pravidlo nikdy neřezat prvky pro přístupnost – konkrétní zábrana, kterou obecná výchozí odpověď 'prostě to zjednoduš' zcela vynechala.

Testováno: 2026-07-14 · Claude Code 2.x (agent harness)

Instalace

git clone https://github.com/educlopez/ui-craft
cd ui-craft
mkdir -p ~/.claude/skills
cp -r .agents/skills/distill ~/.claude/skills/distill
cp -r .agents/skills/ui-craft ~/.claude/skills/ui-craft

Příkazy a ukázkové prompty

  • /distillPrůchod nemilosrdné redukce UI – ořezává obsah, CTA a dekorace, které nevedou k akci.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • This screen feels cluttered, help me cut it down to what matters
  • Trim the competing CTAs on this page so one action stands out
  • Strip the decorative fluff off this UI without breaking accessibility