Skip to content
ReviewRamble

The weekly brief

AI, reviewed, in your inbox.

  • New reviews of tools, models, MCP servers and repos, with the verdict up front
  • Re-checked prices and ratings when something changes
  • New analysis pieces as they are published

Models, agents, MCP servers and the tools actually worth your time.

One email a week. Unsubscribe with the link in any brief. How we use your email

Impeccable

24のコマンドと、ありがちなAI風UIを検出する62のルールを備えた、Paul BakausによるFrontend design skillです。

レビュー: Sheela · 更新

GitHubで見る オープンソース

当サイトの評価

4.3/5

テレメトリをオフにし、プロジェクト内で唯一のdesign skillとして維持する限り、本格的なdetectorと共通のデザイン用語集を備えた本ツールは、導入する価値のあるdesign skillとなります。

Impeccableとは?

Impeccableはコーディングエージェントにデザイン用語集を提供し、フロントエンドコードに見られる一般的な「AI slop」を検査します。これには、至る所でのInterの多用、紫色のグラデーション、カードの入れ子構造、有色背景上のグレーのテキストなどが含まれます。craft、audit、polish、typeset、layout、liveなど、24のコマンドを含む1つの/impeccable skillとしてインストールされます。

このツールはAnthropicのfrontend-design skillから始まりました。CLI detectorとブラウザ拡張機能は、LLMやAPI keyを使用せずに62の決定論的ルールを実行し、エージェントがUIファイルを編集するたびにフックがdetectorを実行します。Claude Code、Cursor、Codex CLI、Gemini CLI、GitHub Copilotを含む17のエージェントをサポートしています。

Impeccableは使う価値があるか?

Impeccableが評価される理由は、プロンプトのみに依存しない点にあります。そのdetectorは、LLMやAPI keyを介さず、紫色のグラデーションやカードの入れ子から、行長、窮屈な余白、小さなタップターゲット、見出しレベルのスキップに至るまで、62の決定論的ルールを実行します。問題が検出された場合は終了コード2で終了するため、CIへそのまま組み込むことが可能です。リポジトリは約85,200のGitHub starsを獲得しており、2026年10月19日にはChrome debugging port経由でデスクトップアプリやwebviewアプリをスキャンできるCLI v4.7.0がリリースされました。

READMEには、検査の合格が何を意味するのかが率直に記されています。エラーがない状態は、視覚的品質やアクセシビリティの品質の「証拠であって証明ではない」とされています。--githubフラグを使用すると検出結果がpull-request annotationsに変換されますが、GitHub側の制限によりステップごとに各タイプ最大10件まで表示されます。/impeccable initはPRODUCT.mdを書き出し、以降のコマンドが対象読者や制約条件を把握できるようにします。これが、単なる禁止フォント一覧との差別化要因となっています。

一部のデフォルト設定には注意が必要です。新しいデザインを開始する際、このskillは常にimpeccable.styleに問い合わせて視覚的方向性の候補を取得します。オプトアウトしない限り、プロジェクト名、ファイル、コードは送信されないものの、どの選択肢が選ばれたかが記録されます。Claude Codeでは、エージェントのツール呼び出しを拒否した場合でもフックが実行されるため、エンジンバイナリが~/.impeccable/binにダウンロードされる可能性があります。Liveモードは利用者の権限でpackage.jsonスクリプトを実行できるため、信頼できるチェックアウト環境でのみ使用すべきです。

SSD Nodesが指摘するように、他のanti-slop skillと併用するのは得策ではありません。すべてのフロントエンドリクエストに対して両方が起動し、相反するルールが衝突するためです。開発の母体となったAnthropicのfrontend-design skillと比較すると、Impeccableは単一のプロンプトファイルの代わりにバイナリ、フック、ネットワーク呼び出しを採用しています。これは、たまに管理画面を作成する程度のバックエンド主体のチームにとっては、必要以上の仕組みと言えます。

真価を発揮する場面

  • エージェントが作成したページがどれも似通ってしまうことに悩む、10人規模のスタートアップのフロントエンドリード

    エージェントにデザインの語彙を提供し、レビュー前に画一的なパターンを検知する

    npx impeccable installを実行し、次に/impeccable initを実行してPRODUCT.mdを作成します。新しいUI領域にはcraftを使用し、マージ前にはpolishを実行します。無料ですが、各コマンドで消費される追加のエージェントターンがコストとなります。

  • コンポーネントライブラリを保守するデザインシステムエンジニア

    プルリクエストにおけるAI slopのパターンを阻止する

    CIにnpx impeccable detect --github src/を追加します。問題が検出されると終了コード2で終了し、差分に注記を付与します。Interなどのブランドフォントは、ルールを無効化するのではなくignores add-valueを使用して例外設定が可能です。

  • 見込み顧客にリニューアルを提案するデザインエージェンシー

    提案前にクライアントの公開中サイトを監査する

    npx impeccable detect https://client.exampleを実行すると、ローカルのChromeを通じてレンダリングされたページがスキャンされ、検出結果が一覧表示されます。問題が検出されないことは証拠であっても証明ではないため、デザイナーが複数のビューポートで目視確認を行います。

導入前に確認すること

導入
プロジェクトルートからnpx impeccable installを実行すると、インストールされているエージェントが検出され、skillとフックが書き出されます。その後に/impeccable initを実行します。Nodeはnpxの実行にのみ必要であり、エンジンバイナリは~/.impeccable/binへ一度だけダウンロードされます。
連携
Claude Code、Cursor、Codex CLI、Gemini CLI、GitHub Copilot、Grok Buildを含む17のエージェントに対応しています。VS Code Marketplace拡張機能、ブラウザ拡張機能、CI用のJSONおよびGitHub Actions出力を備えています。
データとプライバシー
新しいデザインを作成するたびにimpeccable.styleへ視覚的方向性を問い合わせます。オプトアウトしない限り、採用された選択肢が記録されますが、プロジェクト名、ファイル、コードは一切記録されません。npx impeccable telemetry off、DO_NOT_TRACK=1、またはプロジェクトレベルの設定でオプトアウトできます。Apache-2.0ライセンスで、公開されたセキュリティアドバイザリはありません。
大規模利用時のコスト
有料プランのない無料のオープンソースです。追加のデザインコマンドによるモデル使用料が主なコストとなり、CIスキャンはローカルで実行されるためAPIの費用はかかりません。
制限
URLスキャンはCORSがないとクロスオリジンのCSSを読み取ることができません。liveモードはローカルのチェックアウトでのみ機能し、package.jsonスクリプトを実行します。CursorおよびGemini CLIでskillを使用するには、nightlyビルドまたはpreviewビルドが必要です。

良い点

  • CIの終了コードに対応した62の決定論的ルールを持つdetector
  • GitHub ActionsのアノテーションとJSON出力
  • 17のエージェントをサポート
  • 頻繁なリリース

気になる点

  • デフォルトで有効になっているテレメトリ
  • 新しいデザインを開始するたびにimpeccable.styleへ通信
  • コマンドを拒否した場合でもフックがバイナリをダウンロードする可能性
  • 他のdesign skillとの競合

おすすめの人

エージェントにフロントエンドUIを構築させており、その見た目が画一的になるのを防ぎたい開発者。

Impeccableの代替

Impeccable:よくある質問

Impeccableは使う価値があるか?
テレメトリをオフにし、プロジェクト内で唯一のdesign skillとして維持する限り、本格的なdetectorと共通のデザイン用語集を備えた本ツールは、導入する価値のあるdesign skillとなります。 評価は5点満点中4.3点です。
Impeccableの料金は?
無料かつオープンソースです(Apache-2.0)。
Impeccableの欠点は?
デフォルトで有効になっているテレメトリ; 新しいデザインを開始するたびにimpeccable.styleへ通信; コマンドを拒否した場合でもフックがバイナリをダウンロードする可能性; 他のdesign skillとの競合.
Impeccableは誰に向いているか?
エージェントにフロントエンドUIを構築させており、その見た目が画一的になるのを防ぎたい開発者。
チームや本番環境でImpeccableを使うと費用はいくらか?
有料プランのない無料のオープンソースです。追加のデザインコマンドによるモデル使用料が主なコストとなり、CIスキャンはローカルで実行されるためAPIの費用はかかりません。
Impeccableは企業データを扱っても安全か?
新しいデザインを作成するたびにimpeccable.styleへ視覚的方向性を問い合わせます。オプトアウトしない限り、採用された選択肢が記録されますが、プロジェクト名、ファイル、コードは一切記録されません。npx impeccable telemetry off、DO_NOT_TRACK=1、またはプロジェクトレベルの設定でオプトアウトできます。Apache-2.0ライセンスで、公開されたセキュリティアドバイザリはありません。
Impeccableの代わりになるものは?
当サイトでレビューした中で最も近い代替はAnthropic Skills, Agent Skills (Addy Osmani) 、 OpenDesignです。

回答確認日:2026年10月26日