Impeccable · ツールチュートリアル

AI によるフロントエンド制作に「AI 臭を消す」デザインスキルを：Impeccable

中核スキル 1 つ、デザインコマンド 23 個、アンチパターン集、そして CI に組み込める slop 検出。本サイトでは使い方を解説し、/slop ページでは「AI 臭がする」UI のパターンを公開しています。

2026 年 7 月 15 日 · 約 10 分 · impeccable.style + /slop

Cursor、Claude Code、Codex などの AI でフロントエンドを書くと、ページが「同じ人が大量生産した」ような見た目になりがちです。紫のグラデーション、Inter フォント、アイコンタイルのタイトル、どこも同じ 3 列カード。Impeccable がやるのは、モデルに「もっとデザインを」と教えるのではなく、デフォルトの反射を取り除き、実行可能なデザインコマンドを提供します。

1 + 23中核スキル 1 つ、分野別コマンド 23 個
46決定論的な検出ルール。CI に組み込み可能、モデルに再問合せ不要
無料Cursor / Claude Code / Copilot / Gemini / Codex などに対応
01解決する課題

まずは生成 AI のデフォルトの「筋肉記憶」をリセットする

AI を盲信して UI 制作

紫と青のグラデーション、ダークな光彩、Inter / Geist のフル活用。

機能カードは常に「小さい角丸アイコン + タイトル + 3 行の説明」。

コピーは streamline / empower / supercharge。

Impeccable 導入後

まず slop（AI 臭）の反射を除去し、フォント / 色 / レイアウト / 動きを正確に指定。

プロジェクトのトークンとコンポーネントを尊重し、新たなデフォルトは作らない。