SuperAPI AI 工具集

distill

通用与其它

查看项目

更新于 10-15 19:54

技能介绍

distill 是 aladicf/better-react-web-ui 下的一个 UI 简化技能,用途是去除设计中不必要的复杂度,凸显核心元素,以克制的方式实现清晰。它强调简化应在复杂度固化为产品之前进行,最好的简化往往是避免一开始就过度构建。

主要能力:从信息架构、视觉、布局、交互、内容、代码等维度系统性地削减复杂度。包括减少元素与选项、精简配色与字体、去除无功能装饰、减少嵌套、用渐进披露隐藏次要内容、合并相关操作、设置智能默认值、缩短文案、清理无用代码等。它引入 Tesler 定律,主张把可避免的复杂度转移到产品侧(默认值、记忆偏好、内联引导、自动化),而非让用户手动承担。

使用方式:技能要求先阅读 frontend-design 并遵循其 Context Gathering Protocol,复用已有上下文,仅就关键缺口提问。当简化涉及减少可见选项、记忆负担或过早复杂度时,参考 cognitive load;当杂乱实为优先级被压平时,参考 hierarchy checklist;当需要决定哪些控件应主导、退让、合并或消失时,参考 action hierarchy;当简化意味着通过改进结构、默认值、约束、预览和内联反馈来移除辅助文案时,参考 self-evident interface design。随后评估现状、制定简化计划、执行简化并验证效果。

适用场景:控件、选项、功能或结构过多导致界面杂乱;视觉噪音、层级不清、功能蔓延;需要定义最小可交付范围、避免过度构建时。

限制:不得移除必要功能,不得为简化牺牲无障碍(标签与 ARIA 仍需保留),不得简化到含义不清,不得移除用户决策所需信息,不得完全消除层级,也不应过度简化复杂领域。若代码库中信息不足,应直接向用户确认。资料未提供安装命令、收费或平台信息。