ホームLLMpbakaus/impeccable
// archived 2026-04-17
pbakaus

impeccable

AI#Frontend#UI/UX#LLM#Design Systems#Automation
GitHub で見る →
32

// 概要

Impeccable は AI エージェントを優れたフロントエンド UI 開発へと導くための包括的なデザインスキルおよびコマンドスイートです。23 種類の専門的なコマンドと厳選されたアンチパターンを提供し、汎用的なテンプレートや不十分なアクセシビリティといった一般的なデザインミスを回避できるよう開発者を支援します。本プロジェクトは幅広い AI コーディングツールをサポートしており、コードベース全体でデザイン上の問題を検出するためのスタンドアロン CLI を備えています。

// 技術解説

Impeccable は、 LLM が生成しがちな一般的で反復的なパターンを克服し、 AI エージェントをより優れたフロントエンド開発へと導くために設計された、デザイン重視のスキルセットです。これは Anthropic の frontend-design スキルの拡張機能として機能し、高品質なデザイン基準を強制するための 23 個の専門的なコマンドと厳選されたアンチパターンからなる構造化されたフレームワークを提供します。タイポグラフィ、カラー、モーションに関するドメイン固有のリファレンスを統合することで、このプロジェクトは開発者が UI コードを体系的に監査、洗練、改善し、過度に使用されるフォントや不十分なアクセシビリティといった一般的な落とし穴を回避できるようにします。

// 主要ハイライト

01
UX プランニングやビジュアル監査からパフォーマンス最適化、最終的な仕上げに至るまでのタスクを処理する 23 個の専門的なコマンドを提供します。
02
タイポグラフィ、カラー、空間デザイン、モーションといった重要なデザイン領域を網羅する 7 つのドメイン固有リファレンスガイドが含まれています。
03
純粋な黒のテキストや時代遅れのバウンスイージング効果など、 AI が生成する一般的なデザインミスを防ぐための厳選されたアンチパターンリストを強制します。
04
ディレクトリ、 HTML ファイル、またはライブ URL をスキャンして 24 個の一般的なデザインおよびアクセシビリティの問題を検出できるスタンドアロンの CLI ツールを備えています。
05
Cursor 、 Claude Code 、 GitHub Copilot 、 Trae を含む幅広い AI 開発環境をサポートしています。
06
「 shape-then-build 」フローのための /impeccable craft や、ブラウザベースのバリアントテストのための /impeccable live といったコマンドを通じて、反復的なデザインワークフローを実現します。

// ユースケース

01
アクセシビリティ、パフォーマンス、レスポンシブレイアウトのための自動 UI 監査およびデザインレビュー
02
polish、animate、colorize といったコマンドを活用した戦略的なデザイン反復による視覚品質の向上
03
HTML、URL、またはローカルディレクトリ内のアンチパターンやデザインの欠陥を検出するスタンドアロン CLI スキャン

// クイックスタート

開始するには、 impeccable.style にアクセスして、使用する AI ツールに適したバンドルをダウンロードしてください。 .cursor や .claude など、環境ごとに指定されたプロジェクトディレクトリまたはグローバル設定フォルダにファイルを展開します。インストールが完了したら、 /impeccable audit や /impeccable polish といったコマンドを使用して、 AI ハーネス内で直接デザインの改善を開始できます。