TWITTER · 产品设计

unslop:AI 前端页面美化工具

作者:GitHubDaily 来源:GitHubDaily(@GitHub_Daily) 2026-11-03 18:00 2 分钟 4 阅读 388 字
产品与设计开源项目设计系统大语言模型 (LLM)AI 编程
一语总结

unslop 是给 Claude Code、Codex 的开源 Skill,识别 AI 生成页面的“太像”问题,自动优化配色、布局提升产品感。

AI 总结

unslop 是给 Claude Code、Codex 的开源 Skill,专门改 AI 生成页面的「太像」问题。先识别哪里不像,再按产品定位调整配色、图标、字体、布局,保留功能结构。会检查配图、图表。适用于仪表盘、界面、产品页。结果可生成 10 秒方形视频展示改造过程。需 Playwright 和 ffmpeg。

核心要点
  1. AI 生成页面风格化重构

    识别 AI 页面的模板化痕迹,通过配色、布局等维度还原产品风格。

  2. 功能导向的保留策略

    保留原有功能结构与内容,仅优化视觉表现,避免功能变更。

  3. 改造过程可视化

    支持生成展示改造过程的短视频,直观展示优化效果。

unslop:AI 前端页面美化工具

unslop 是给 Claude Code、Codex 的开源 Skill,专门改 AI 生成页面的「太像」问题。先识别哪里不像,再按产品定位调整配色、图标、字体、布局,保留功能结构。会检查配图、图表。适用于仪表盘、界面、产品页。结果可生成 10 秒方形视频展示改造过程。需 Playwright 和 ffmpeg。

文章金句

"

unslop 是一个给 Claude Code 和 Codex 用的开源 Skill,专门改这种界面。先找出哪里太像 AI 生成,再根据产品本身定设计方向。

"

做完还有专门的 Agent 逐章检查、修问题。整个过程只在四个节点停下来问一次,其余都自己往下跑。