heydamir/unslop

它解决了什么问题

unslop 修复了那些带有“vibecoded”特征的 AI 生成用户界面，这些界面通常存在过度使用紫色渐变、霓虹光效、滥用表情符号、文字过于张扬以及间距不合理等常见美学问题。它能将外观平庸的 AI 设计转化为精致、专业且具有独特品牌特征的界面。

工作原理

它作为 Claude Code 的一项技能运行。触发后，它首先会审计你的屏幕以识别设计中的“slop”（粗糙之处）。然后，它会根据你的具体产品提出设计方向，并执行一系列迭代过程——涵盖间距、颜色、排版、布局和视觉效果——以优化界面。它适用于各种 Web 框架，如 React、Vue、Svelte 和 Tailwind，甚至可以通过 URL 处理实时网站。

适用人群

那些使用 AI 生成 UI 组件或落地页，并希望将最终产出提升为专业设计产品而非通用 AI 原型的开发者和设计师。

亮点

• 审计现有 UI 以精确定位具体的设计缺陷。
• 提供结构化的多轮重新设计流程，包括文案、布局和动效。
• 在需要时使用外部图像服务生成自定义视觉效果或场景。
• 创建一段简短、可分享的屏幕转换“unslopping”视频。
• 允许在进行任何代码更改之前通过提出设计方向来进行早期引导。