GitHub

pbakaus/impeccable — AIハーネスのデザイン能力を高めるデザイン言語。

AI初登場 2026年10月24日1,092ポイント

Impeccable は、AI でコードを書くツールに「良いデザインのコツ」を教えるための道具です。AI が作る画面が、どれも同じような見た目になるのを防ぐことを目指しています。

何が起きたのか

GitHub で公開された Impeccable (pbakaus/impeccable) は、AI コーディング支援ツール向けのデザインガイドです。スキル 1 つ、コマンド 24 個、ブラウザ上でその場で画面を直せる機能、そして AI が作った画面の問題を見つける 62 個の自動チェックルールが入っています。プロジェクトの最初に npx impeccable install を実行し、AI ツールの中で /impeccable init を動かすと使い始められます。

数字で見るポイント

コマンドは 24 個 (例: polish, audit, critique, distill)
自動チェックのルールは 62 個
自動チェックは LLM (大規模言語モデル) や API キーなしで動く
最初の設定では PRODUCT.md というファイルに、対象ユーザーや目的などを書き残す

もともとの背景

Anthropic の frontend-design というスキルが、Claude 向けの最初の広く使われたデザインスキルでした。Impeccable はそこから始まっています。AI は似た SaaS (ネットで使うサービス) のテンプレートで学習しているため、何もガイドがないと、Inter フォントばかり使う、紫から青へのグラデーションを使う、カードの中にカードを入れる、といった同じ癖が出やすいと説明されています。

なぜ大事なのか

AI で画面を作る人が増えると、似た見た目のサイトが大量に生まれます。Impeccable は、AI に共通のデザイン用語を持たせ、目的に合った見た目へ導くことで、この問題に取り組もうとしています。自動チェックがモデルを使わず動く点も、手軽に試せる理由になります。

今後の注目点

実際のプロジェクトで、画面の出来栄えがどれだけ良くなるか
自動チェックの 62 ルールが誤検出をどれだけ減らせるか
ブラウザ上での「その場で何度も試す」機能が、実際の作業でどれだけ使われるか

用語解説

Impeccable: AI コーディングツールにデザインの指針を与えるツールとスキルのセット。
frontend-design: Anthropic が出した、Claude 向けのデザインスキル。Impeccable の出発点になった。
SaaS: インターネット経由で使うソフトウェアサービスのこと。
PRODUCT.md: 対象ユーザーや目的など、製品の基本情報を書くファイル。
LLM: 大量の文章で学習した大規模な AI モデル。
API キー: 外部のサービスを使うときに必要な、本人確認用の鍵のような文字列。