pbakaus/impeccable

解決する課題

Impeccable は、AIコーディングエージェントが汎用的で反復的、かつ低品質なフロントエンド設計（いわゆる「SaaSテンプレート」のような見た目）を生成するのを防ぐための設計ガイダンスと品質管理を提供します。共通の設計語彙と決定論的なルールを確立することで、AIが生成するUIが専門的でユニークであり、特定の製品目標に沿ったものになるようにします。

仕組み

このプロジェクトは、さまざまなAIコーディングツール（Claude Code、Cursor、GitHub Copilot、Grok Buildなど）に「スキル」として統合されます。以下の機能を組み合わせて使用します：

• 製品コンテキスト (Product Context)：/impeccable init コマンドにより PRODUCT.md ファイルを作成し、プロジェクトのターゲット層や目的に関する不変の事実を保存します。
• コマンドセット (Command Set)：24種類の専用コマンド（例：/impeccable polish、/impeccable audit、/impeccable critique）が、UXレビュー、アクセシビリティチェック、視覚的な洗練といった特定の設計フェーズを通じてAIをガイドします。
• 決定論的検出器 (Deterministic Detectors)：LLMを使用せずローカルで実行される61のルールにより、過度に使用されたフォントや不適切なコントラストなどの設計アンチパターンをフラグ立てします。
• デザインフック (Design Hooks)：UIファイルの編集をリアルタイムでスキャンし、発見した内容をエージェントにフィードバックするネイティブ統合機能です。

対象ユーザー

AIコーディングエージェントを使用しているフロントエンド開発者やデザイナーで、汎用的なAI生成レイアウトを超えて、高忠実度でカスタムされたプロフェッショナルな設計を実現したい方。

ハイライト

• 幅広いツールサポート：Claude Code、Cursor、Codex、GitHub Copilot、Gemini CLI など、多種多様なエージェントと互換性があります。
• 決定論的なルール：61の非LLMルールが含まれており、一般的な設計ミスを即座に検出します。
• 構造化されたワークフロー：製品の事実収集 (init) から計画 (shape)、最終的なリリース準備 (polish) までを網羅します。
• ライブイテレーション：live モードにより、ブラウザ上で直接視覚的なバリエーションを反復調整できます。