distill 属于 better-web-ui 技能集，用途是在问题表现为“控件、选项过多”或界面过于复杂时，对设计做极致简化，保留必要元素并恢复清晰度。它强调简化应在复杂度固化为产品之前进行，最好的简化往往是不要一开始就过度构建。
主要能力：从元素过剩、风格变化过多、信息过载、视觉噪音、层级混乱、功能蔓延等角度识别复杂度来源；通过寻找核心用户目标（应只有一个）、区分必要与可选、判断可删除/隐藏/合并的内容、找出带来 80% 价值的 20%，确定最小有用版本。随后按信息架构、视觉、布局、交互、文案与代码等维度系统削减：减少配色与字号字重、去掉无功能作用的边框阴影背景、避免卡片嵌套、减少选择与步骤、精简文案、删除死代码与冗余变体。还涉及 Tesler 定律（让系统吸收可避免的复杂度，如智能默认值、预填数据、内联提示、自动化），以及“最小可发布范围”与先轻设计、尽早构建、依据真实使用再打磨的循环原则。
使用方式：用户以 /distill 启动该工作流；技能激活后需加载 $frontend-design，其中包含设计原则、反模式和 Context Gathering Protocol，并须先遵循该协议——若尚无设计上下文，必须加载 $setup。当简化涉及减少可见选择、记忆负担或过早复杂度时参考认知负荷；当杂乱实际是优先级、分区节制或标签/数值清晰度被压平时参考层级清单；当简化意味着决定哪些控件应主导、退让、合并或消失时参考操作层级。代码中无法推断的信息应直接向用户确认。
限制与边界：不得删除必要功能、不得为简化牺牲可访问性（标签与 ARIA 仍需保留）、不可简化到令人费解、不可移除用户决策所需信息、不可完全消除层级、不可把复杂领域过度简化。简化后的验证标准包括任务完成更快、认知负荷更低、必要功能仍可访问、层级更清晰、加载更快；若移除了功能或选项，应记录原因并考虑替代访问入口。资料未提供该技能的收费、价格、平台或其他支持信息。