其他

distill

aladicf/better-web-ui

Simplify cluttered UI by removing unnecessary elements, choices, features, and structural complexity. Use when the problem is too many controls, options, features, or competing elements—not when the structure is sound and the real issue is only visual intensity or lack of personality.

  • 564 次安装
  • 46 星标
  • 收录于

安装命令

npx skills add https://github.com/aladicf/better-web-ui --skill distill

SKILL.md

Remove unnecessary complexity from designs, revealing the essential elements and creating clarity through ruthless simplification.

Distillation should happen before complexity hardens into the product. The best simplification move is often to avoid overbuilding in the first place.

MANDATORY PREPARATION

Users start this workflow with /distill. Once this skill is active, load $frontend-design — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow that protocol before proceeding — if no design context exists yet, you MUST load $setup first.

Consult the cognitive load when simplification depends on reducing visible choices, memory burden, or premature complexity. Consult the hierarchy checklist when clutter is really flattening priority, section restraint, or label/value clarity. Consult the action hierarchy when simplifying means deciding which controls should lead, recede, combine, or disappear.


Assess Current State

Analyze what makes the design feel complex or cluttered: