pbakaus/impeccable

解決する課題

Impeccable は、AI コーディングエージェントが一般的で質の低いフロントエンドデザイン（たとえば、頻繁に使われるフォント、繰り返しのカードレイアウト、不適切な色の選択など）を生成しないように、設計ガイドラインと品質管理を提供します。専用の設計語彙と決定論的なルールを設けることで、AIが生成するUIがプロフェッショナルで視覚的に明確な仕上がりになることを保証します。

動作方法

これは、Cursor、Claude Code、GitHub Copilot などさまざまなAIコーディングツールにインストール可能な「スキル」として機能します。以下の要素を組み合わせて動作します：

• 耐久性のある製品の真実：/impeccable init により作成される PRODUCT.md ファイル。プロジェクトのターゲットユーザー、目的、制約を記録します。
• 設計コマンド：23の特定のコマンド（例：/impeccable polish、/impeccable audit、/impeccable animate）により、AIに明確な設計語彙を提供します。
• 決定論的検出器：CLI とブラウザ拡張機能で構成され、LLM APIキーなしで61のルールを実行し、設計上の悪習慣を検出します。
• 設計フック：エージェントのワークフローにネイティブに統合され、UIファイルの編集をスキャンし、リアルタイムで設計の洞察をAIエージェントにフィードバックします。

対象ユーザー

AIコーディングエージェントと連携して作業するフロントエンド開発者やデザイナーで、一般的な「SaaSスタイル」のAI出力にとどまらず、高精細でプロフェッショナルなUI/UXを実現したい人。

主な特徴

• 広範なツール互換性：Claude Code、Cursor、Codex、GitHub Copilot、Grok Build、Gemini CLI など多数のエージェントと互換性があります。
• 決定論的ルール：LLMの推論に依存せず、61のルールで設計上の欠陥を特定します。
• リアルタイムの反復：ブラウザ内で直接視覚的なバリエーションを試すための /impeccable live モード。
• 悪習慣の回避ガイド：純黒・グレー、ネストされたカードなど、AI設計の典型的な落とし穴を避けるための明確な指示。