pbakaus/impeccable

解決する課題

Impeccableは、AIが生成するフロントエンドコードが、反復的で低品質なデザインパターンに陥るのを防ぎます。デフォルトでは、多くのAIモデルは、使い古されたフォント、色付き背景上のグレーのテキスト、ネストされたカードレイアウトなど、プロジェクトを画一的に見せてしまう汎用テンプレートに依存しています。Impeccableは、より優れたデザイン基準を強制し、一貫した製品コンテキストを維持するための構造化された方法を提供します。

仕組み

AIコーディングエージェントに専門的なスキルをインストールし、デザインに特化した24のコマンドを提供します。まず init コマンドを使用して、プロジェクト固有の目標、制約、トーンを保存する PRODUCT.md ファイルを作成します。設定が完了したら、/impeccable polish、/impeccable audit、/impeccable critique などのコマンドを使用してAIをガイドできます。また、APIキーを必要とせずにローカルで実行され、技術的およびデザイン上の問題を検出する62の決定論的検出ルールも含まれています。

対象ユーザー

AIコーディングエージェント（Claude Code、Cursor、GitHub Copilot、Grok Buildなど）を使用しており、汎用的なAI生成インターフェースを超えて、フロントエンドコードが特定のデザインシステムや品質基準に準拠していることを確認したい開発者。

ハイライト

• 永続的なコンテキスト： PRODUCT.md を使用して、AIが単に視覚スタイルを推測するのではなく、プロジェクトの目的と制約を確実に理解できるようにします。
• デザイン語彙： 24のコマンド（例：distill、harden、animate）を提供し、AIの出力を細かく制御できます。
• 決定論的監査： 外部API呼び出しを必要とせずに、アクセシビリティ、パフォーマンス、デザインのアンチパターンをチェックする62の自動化ルールが含まれています。
• 幅広い互換性： Cursor、Claude Code、GitHub Copilotなど、幅広いAIコーディング環境で動作します。
• ライブイテレーション： ブラウザベースの視覚的イテレーションをサポートし、要素を直接洗練させることができます。