distill

概述

什么是 distill？

distill 技能旨在帮助 UI 设计师和产品团队剔除用户界面中不必要的复杂性。通过聚焦核心要素，distill 使您能够打造简洁、有力且以用户为中心的设计。此技能非常适合希望简化、清理或减少数字产品噪音的任何人。

谁适合使用 distill？

distill 非常适合设计师、产品经理和开发人员，他们希望：

• 简化杂乱的界面
• 移除冗余或分散注意力的元素
• 明确视觉层级和用户关注点
• 通过降低认知负担提升可用性

如果您的用户或利益相关者希望获得更简洁、更聚焦的 UI，distill 提供了实现这些目标的实用流程。

distill 解决的问题

• 过于复杂、元素过多的布局
• 过度的样式或装饰带来的视觉噪音
• 信息过载和优先级不清
• 功能膨胀和混乱的导航

使用方法

安装步骤

1. 使用以下命令安装 distill 技能：

   npx skills add https://github.com/pbakaus/impeccable --skill distill
   

2. 首先查看技能目录中的 SKILL.md 文件。该文件包含 distill 的核心工作流程和使用指南。

3. 如有需要，可查阅相关文件，如 README.md、AGENTS.md、metadata.json，或任何 rules/、resources/、references/ 文件夹，以获取更多背景信息。

应用 distill 工作流程

• 必备准备： 在简化之前，调用 $frontend-design 技能以收集设计背景和原则。如果没有设计背景，请先运行 $teach-impeccable。
• 评估当前状态： 识别复杂性的来源，如元素过多、变化过大或层级不清。明确主要用户目标，确定核心要素。
• 规划简化方案： 决定哪些内容可以删除、隐藏或合并。聚焦于产生80%价值的20%关键元素。
• 简化设计： 移除不必要的组件，减少视觉噪音，确保界面清晰传达其目的。

推荐查看的文件

• SKILL.md（从这里开始了解工作流程和最佳实践）

常见问题

什么时候应该使用 distill 技能？

当您需要简化 UI、清理设计或聚焦核心用户目标时，使用 distill。它在设计评审或用户反馈界面混乱时尤其有用。

哪些类型的项目最适合 distill？

distill 最适合随着时间推移变得复杂的网页和应用界面，或在推出新功能时避免增加不必要的杂乱。

distill 会生成代码吗，还是仅提供设计指导？

distill 侧重于设计原则和可执行的简化步骤。它不生成前端代码，但帮助您做出保留或删除的明智决策。

哪里可以找到更多细节或支持？

打开技能目录中的 Files 标签，浏览完整文件树，包括支持 distill 工作流程的嵌套引用或辅助脚本。