pbakaus、AIコーディングエージェントのUI品質を高めるデザイン言語「impeccable」を公開

pbakausは、AIコーディングエージェントが生成するフロントエンドデザインの品質を制御するためのデザイン言語「impeccable」をGitHubで公開しました。これはAnthropicのfrontend-designスキルをベースに発展させたもので、AIが生成したデザインに対して24個のコマンドと61個の決定論的な検出ルールを適用し、ブラウザ上でのライブイテレーションを可能にします。

従来、AIが生成するUIは学習データの影響で「Interフォントの多用」「カード内のカード」「着色背景上のグレー文字」といった特定のパターンに陥りやすい課題がありました。impeccableを導入すると、プロジェクトのルートでnpxコマンドを実行した後にAIツール内で初期化を行うことで、プロジェクト固有の永続的な製品特性を記述したPRODUCT.mdが作成され、AIがその制約に従ってコーディングを行うようになります。

本ツールは既存のビジュアルシステムや新規構築中のデザインをDESIGN.mdに記録して管理しますが、モデルのトレーニング内容に依存しない独自のガイダンスを優先させる点が特徴です。実務においては、AIエージェントが生成するコードの視覚的一貫性を担保する一方で、初期化時にプロダクトの真実性に関する情報の入力が求められるため、プロジェクトごとの定義設定が必要です。