AIっぽいUIを「監査→5行の方向性→1項目ずつの修正パス」で直させるプロンプト（unslop）

どんな問題を解決するか / いつ使うか

Claude Code や Codex が作ったダッシュボードやLPが、ひと目で「AIが作った」と分かるとき。デザイナーが手作業で直した動画（ダッシュボードの unslop）が話題になり、その手順をプロンプト化したもの。いきなり全部を直させると方向がぶれるので、方向性を書かせて人がOKするまで手を付けさせないのがポイント。

やり方（プロンプトの骨子・要約）

1. 監査：AIスロップの兆候と場所をすべて列挙させる。まず見るもの：紫のグラデーション、グロー、グラデーション文字、絵文字ラベル、「New ✨」バッジ、字間の広い全大文字ラベル、止まらないアニメーション、場所によってバラバラな余白。
2. 方向性（5行）：変更前に書かせ、承認を待たせる。
   • Product：何をする、誰のためのものか（1文）
   • Character：具体的な言葉2〜3個（clean / modern / sleek / minimal / premium は禁止）
   • World：その製品が自然に属する場所や素材
   • Focus：色と細部を濃くするのは1〜2か所だけ。他は静かに
   • Signature：この製品にしかない小さなディテール1つ
3. 修正パス：承認後、1パス1項目で、ページ全体を終えてから次へ。順番は 余白 → 色 → アイコン → 文言 → 書体 → レイアウト → 細部 → ビジュアル → 動き。
   • 余白：すべて4pxグリッド。同じ種類のものは同じサイズ
   • 色：わずかに色味のあるニュートラル1系統、文字色3段階、アクセント1色。色相グラデーション・グロー・色付きの影は禁止
   • アイコン：絵文字をやめ、線アイコン1セットに統一（サイズと線幅も揃える）
   • 文言：感嘆符、「Welcome back!」見出し、seamless / supercharge のような言葉を使わない
   • 書体：ウェイトは400と500だけ
   • 動き：意味のないループ、transition-all、ホバーで拡大する演出を消す
4. チェック：製品名を他社のものに差し替えても成立するなら、まだ個性が足りない。World と Signature をさらに押し出させる。

足りなければスキル版を入れる（ビフォー・アフター動画も作る、と紹介されている）：

npx skills add heydamir/unslop

注意点

• 「ウェイトは400と500だけ」「4pxグリッド」は一つの流儀。既存のDESIGN.mdやデザインシステムがあるなら、そちらの値を優先させる。
• スキルは第三者製。入れる前に中身（どんなコマンドを実行するか）を確認する。

関連

• AIっぽさは「全部が主役」から来る。配色より先に、強調を1つに絞る5つの修正をする
• AIっぽい資料・広告は「もっとおしゃれに」ではなく、8つの具体修正で直す
• Hallmarkスキルで「作る・採点・作り直し・好きなサイトから抽出」を使い分け、AIっぽくないUIにする
• デザイン用スキル＋決まったルールで検出する仕組みで「AIっぽいUI」を潰す（Impeccable等）

出典

• @Voxyz_ai post