Distill

Bezlitosna redukcja UI — usuwa treść, CTA i dekoracje, które nie prowadzą do działania.

Autor: educlopez · educlopez/ui-craft

Testowano · Działa ★ 8.8/10

Distill — Bezlitosna redukcja UI — usuwa treść, CTA i dekoracje, które nie prowadzą do działania.

Co robi ten skill

Soczewka redukcyjna do pracy nad UI: przycina teksty, konkurencyjne CTA, dekoracyjne wizualizacje i martwy kod w oparciu o jeden test (czy to odpowiada na pytanie lub napędza działanie?), z pokrętłem CRAFT_LEVEL do regulacji agresywności i obowiązkowym zabezpieczeniem dostępności. Uruchamia się, gdy UI wydaje się zagracone, przeładowane lub przeciążone CTA, lub gdy użytkownik mówi 'uprość to' lub 'destyluj' w kontekście pracy projektowej/frontendowej.

Raport z testu

Po otrzymaniu zagraconej sekcji cenowej (3 konkurencyjne CTA, 12-punktowa lista funkcji, gradientowe plamy, ściany tekstu), wyprodukowała ustrukturyzowaną tabelę cięć/uzasadnień oraz jawną zasadę, by nigdy nie usuwać elementów ułatwiających dostępność — konkretne zabezpieczenie, które ogólna odpowiedź bazowa 'po prostu to uprość' całkowicie pominęła.

Testowano: 2026-07-14 · Claude Code 2.x (agent harness)

Instalacja

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

Komendy i przykładowe prompty

  • /distillBezlitosna redukcja UI — usuwa treść, CTA i dekoracje, które nie prowadzą do działania.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • 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