Distill

Pase de reducción de UI implacable: elimina contenido, CTAs y decoración que no impulsan la acción.

Por educlopez · educlopez/ui-craft

Probado · Funciona ★ 8.8/10

Distill — Pase de reducción de UI implacable: elimina contenido, CTAs y decoración que no impulsan la acción.

Qué hace

Una lente de reducción para trabajo de UI: recorta texto, CTAs en competencia, elementos visuales decorativos y código muerto contra una única prueba (¿responde esto a una pregunta o impulsa una acción?), con un control CRAFT_LEVEL para la agresividad y una barrera de accesibilidad obligatoria. Se activa cuando una UI se siente abarrotada, recargada o sobrecargada de CTAs, o cuando el usuario dice 'simplifica esto' o 'destila' junto con trabajo de diseño/frontend.

Informe de la prueba

Dada una sección de precios abarrotada (3 CTAs en competencia, una lista de 12 características, manchas de gradiente, muros de texto), produjo una tabla estructurada de qué cortar/por qué, más una regla explícita de nunca eliminar ayudas de accesibilidad — una barrera de protección concreta que una respuesta base genérica de 'simplemente simplifícalo' omitió por completo.

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

Instalación

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

Comandos y prompts de ejemplo

  • /distillPase de reducción de UI implacable: elimina contenido, CTAs y decoración que no impulsan la acción.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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