Claudeを使って「一目でAI生成とわかる」インターフェースを、独自の個性を持つデザインに変換します。まず、紫のグラデーション、発光効果、絵文字ラベル、叫ぶようなキャッチコピー、不揃いな間隔といった「AI臭」の痕跡を列挙し、次にあなたのプロダクトに基づいて方向性を定めます。その後、間隔、色、アイコン、コピー、フォント、レイアウト、ディテール、ビジュアル、アニメーションの順に、ラウンドごとに修正を加えていきます。
スター数 1100（+58 / 24時間）
理由
- 修正前に監査結果とデザイン方針を提示するため、早期に軌道修正が可能。インターフェースが元々優れている場合はその旨を伝え、わずかな修正のみを提案します。
- シーン画像が必要な場合、fal、Replicate、OpenAI Images、または Higgsfield を通じて生成できます。未接続の場合は、MCPサーバーとして接続することを提案します。さらに、Playwright と ffmpeg を使用して、10 秒以内の「インターフェース変身」正方形ショート動画を作成することも可能です。
- examples フォルダには、修正対象となる2つのサンプルインターフェースが含まれています。
使い方
- git clone 後、skills/unslop を ~/.claude/skills/ にコピーします（単一プロジェクトの場合は .claude/skills/ に配置）。
- Claude Code で
/unslop this dashboard、/unslop the hero of \<URL\>と入力するか、自分の言葉で要件を伝えます。
リスク
- README が非常に簡潔で、Claude Code のインストール手順のみが記載されており、効果評価はありません。生成画像には有料の画像サービスへの接続が必要です。
- ライセンスは CC BY 4.0 であり、再配布には作者へのクレジットとリポジトリへのリンクが必要です。リポジトリは 10 月 29 日に作成されました。