项目简介
unslop 是面向 Claude Code 和 Codex 的技能，目标是帮助开发者把带有 AI 生成感的界面整理成更有设计方向的界面。根据项目资料，它会先检查页面并提出设计方向，再进行调整；资料列出的示例界面包括仪表盘、应用和落地页，也提到可处理已有线上页面链接。
核心功能
- 检查界面中可能影响观感的设计问题，并标出所在位置。
- 根据产品信息提出视觉方向，再按间距、颜色、图标、文案、字体、布局等方面逐步调整。
- 可为需要场景或物件的页面尝试通过图像服务生成视觉素材；资料称付费生成前会展示提示词并征求确认。
- 可生成不足 10 秒的方形过程视频；该功能需要 Playwright 和 ffmpeg。
以上为项目资料中的功能说明，未在此独立实测。
适用人群与场景
适合使用 Claude Code 或 Codex、希望改善 AI 辅助开发后界面观感的开发者。项目资料提及 Next.js、React、Vue、Svelte、Tailwind，以及普通 HTML/CSS 等页面技术；这些是 README 所述的适用范围，不代表已独立验证的兼容性结论。
安装与快速开始
项目 README 提供了 Claude Code 和 Codex 的安装方式，包括复制技能文件到用户级或项目级技能目录，以及通过 Codex 的 $skill-installer 安装。使用时可在 Claude Code 输入 /unslop，或在 Codex 输入 $unslop，并说明希望处理的页面。
如需对线上页面取样或生成过程视频，README 另列出 Playwright 与 Chromium 的安装命令；视频还需要系统中可用的 ffmpeg。具体命令请以项目 README 为准。
系统与依赖
- 工具： Claude Code 或 Codex，具体版本要求待核实。
- 页面技术： README 声称适用于多种前端技术，包括 Next.js、React、Vue、Svelte、Tailwind 和普通 HTML/CSS；实际兼容性待核实。
- 线上页面取样与视频： 需要 Playwright 和 Chromium；视频还需要 ffmpeg。
- 图像生成： README 提及 fal、Replicate、OpenAI images、Higgsfield 等服务，也提到可通过 MCP 服务器连接。各服务的具体配置、模型版本及 API 要求待核实。
- 硬件要求： 官方资料未说明，待核实。
费用与商用许可
仓库资料标注 CC BY 4.0。README 表示可商用，但须署名 Damir Sokolovsky 并链接回仓库；使用时应以许可证文本为准。图像生成可能涉及第三方服务及其费用，项目资料未提供价格。
项目活跃度
提供的仓库资料显示，最近推送时间为 2026-11-01 00:06:01 UTC。该时间和项目创建时间（2026-10-29 15:41:21 UTC）来自输入资料，未独立核验。近期后续维护情况待核实。
Stars 趋势
截至 OSS Radar 的统计时间 2026-11-01 04:07:31 UTC，趋势数据记录近 24 小时新增 2,172 Stars、近 7 天新增 3,674 Stars；资料标记 estimated=false，因此这里按非估算数据表述。仓库资料另列累计 3,703 Stars；累计数与新增数是不同指标，不应混为一谈。统计口径及数据准确性待核实。
官方文档、演示与资源
项目 README 提供安装与使用说明，并链接到示例页面目录。README 还介绍了作者提供的设计服务；其内容不属于软件功能或许可承诺。
已知与待核实
- 资料已提供： 仓库名称、项目描述、JavaScript 语言标注、累计 Stars、创建与推送时间、许可证标注，以及 OSS Radar 趋势数字与统计时间。
- 待核实： 上述仓库和趋势信息是否仍为最新；功能与技术兼容性是否经过测试；工具版本、硬件要求、第三方 API 配置和费用；CC BY 4.0 在具体使用情境中的适用方式。
来源
- GitHub 仓库与 README：https://github.com/heydamir/unslop
- 项目示例目录：https://github.com/heydamir/unslop/tree/main/examples
- OSS Radar 趋势数据来源：https://ossradar.net/repo/heydamir/unslop