AI コーディングエージェントにフロントエンドのデザイン指針を与える skill。24個のコマンドと、AI 生成っぽいデザインの癖を検出する61のルールを持つ。

できること

  • /impeccable init で PRODUCT.md に製品の前提を書き出す
  • craft、audit、critique、polish など24コマンド
  • LLM を使わない61の detector ルールで、Inter 一辺倒・紫のグラデーションといった定番の癖を検出
  • ブラウザで見ながら反復する live mode
  • Anthropic の frontend-design skill を出発点にしている

使い方

プロジェクトの root で npx impeccable install し、エージェント内で /impeccable init。

活用できそうな場面

  • 社内ツールの UI を、エージェントに作らせるときの品質管理に使えそう
  • detector だけなら LLM なしで使える

向いている人

エージェントで UI を作る人

似ているもの

  • Anthropic の frontend-design skill:出発点。こちらはコマンドと検出ルールが追加されている

技術

Node.js(npm、bun)。検出エンジンは Rust 製のバイナリ(engine-v0.1.8)を初回に取得する。

注意点

デザインの好みを含むルールなので、合わないと感じる場合もありそう。