distill

ui-craft

ui-craft

$ARGUMENTS

ui-craft

Does this answer a question the user is asking or drive an action they need to take? If not — cut it.

• ≤ 4

  → be more aggressive with cuts; strip anything that doesn't directly drive action.

• 5-7

  → standard cuts per the test below.

• 8+

  → preserve signature details even if they don't directly drive action — the one memorable element that makes this feel designed stays.

1. Content — walls of text → 2-3 sentences max per landing section. Vague testimonials → specific metrics or cut. "Features" lists with 12 items → pick the 4 that matter. Placeholder copy → real or removed.
2. Structure — identical card grids → asymmetric rows with real visuals. Three competing CTAs → one primary + one secondary. Breadcrumbs + title + subtitle + description + icon → pick the two that are load-bearing.
3. Visuals — decorative gradient blobs → gone. Background patterns that don't carry meaning → gone. Duplicate iconography → gone.
4. Visual weight reduction — if headings are shouting at weight 800 / 72px / tracking -0.04em, compress: 800 → 600, 72 → 56, -0.04 → -0.02. Don't remove hierarchy; tighten the range. Replace hard drop shadows with ambient + direct (

   references/modern-css.md

   ) or 1px borders — never both. If every section is full-bleed and high-contrast, let some breathe.
5. Code — unused props, dead branches, commented-out blocks,

   console.log

   , TODO notes without tickets — gone.
6. Anti-slop overlap — if you see anything on the Anti-Slop Test (SKILL.md), cut it first.

/colorize

/animate

MOTION_INTENSITY ≤ 3

• Edit code directly.
• Report what was cut and why in a table:

• End with a one-line delta: "Before: N sections / M components / X lines. After: …".

/polish