Browse commands

/impeccable

Impeccable

すべてのコマンドの背後にあるデザインインテリジェンス。

いつ使うか

/impeccable はホームコマンドです。専門コマンドを選ばず、フルガイドブックを読み込んだ状態で自由なデザイン作業を行いたい場合に直接呼び出します。23の専門コマンド(auditpolishcritique、その他)が目的に合わないときのフォールバックとして使います。

次のような場合に /impeccable を直接呼び出してください。

  • どのコマンドが適切か分からない。 平易な言葉でやりたいことを記述し、スキルに適切なアプローチを選ばせます。
  • 複数の領域にまたがる作業。 「このヒーローセクションをやり直す」はレイアウト、タイポグラフィ、カラー、モーションに触れます。単一コマンドでは担当しきれません。
  • 制約なしでフルのデザインインテリジェンスが必要。 すべての参照ファイルを読み込み、すべてのアンチパターンをチェックし、事前のワークフローなしで動作します。

構造化されたフローにはサイドバーの専門コマンドを使ってください。新しいプロジェクトでは最初に /impeccable teach を実行して PRODUCT.md と DESIGN.md を確立します。/impeccable craft はディスカバリーインタビューからフルビルドまでをライブの視覚的反復とともに連結します。/impeccable shape はコードに触れずにデザインブリーフを作成します。/impeccable live はブラウザピッカーで要素ごとに3つのバリアントを提示します。評価・洗練コマンド(auditcritiquepolishtypesetlayoutcolorize、その他)はそれぞれ特定の作業を担当します。

仕組み

AI生成UIのほとんどは同じように失敗します:汎用的なフォント、紫色のグラデーション、カードの入れ子、至る所のグラスモーフィズム。/impeccable はAIに強い視点を与えます。意見を含んだデザインハンドブックと多数のアンチパターンリストを読み込み、1行のコードを書く前に特定の美的方向性にコミットするようモデルを促します。

プロジェクトルートの2つのファイルがスキルの動作を決定します。

  • PRODUCT.md はレジスター(ブランドかプロダクトか)、ターゲットユーザー、ブランドパーソナリティ、アンチリファレンス、デザイン原則を保持します。「誰に、何を、なぜ」に答えます。
  • DESIGN.md はカラー、タイポグラフィ、エレベーション、コンポーネント、推奨事項と非推奨事項を6セクションのGoogle Stitch形式で保持します。「どのように見えるか」に答えます。

すべてのコマンドは生成前に両方のファイルを読み込みます。レジスターは読み込むデフォルト値を決定します。ブランド(マーケティング、ランディング、ポートフォリオなど、デザインがプロダクトそのもの)とプロダクト(アプリUI、ダッシュボード、ツールなど、デザインがプロダクトを支える)はタイポグラフィ、モーション、カラー、密度で異なるデフォルトを持ちます。PRODUCT.mdで一度指定すれば、/impeccable typeset がダッシュボードにエディトリアルマガジン風のフォントを押し付けたり、キャンペーンページにプロダクト向けデフォルトを適用したりすることはありません。両者がどう分岐するかはbrand vs product チュートリアルを参照してください。

プロジェクトで初回使用時、スキルは自動的に teach フローを実行します:PRODUCT.mdを作成する短いインタビュー、その後 /impeccable document に処理を委譲してDESIGN.mdを作成します。以降のコマンドはファイルを読み込むだけで再度質問はしません。

試してみる

/impeccable redo this hero section
/impeccable build me a pricing page for a developer tool

どちらのプロンプトも意図的に曖昧です。/impeccable はレジスターに合った強い美的方向性を選び、デフォルト以外のフォントにコミットし、AIカラーパレットを避け、デザイナーが下すような具体的な選択をします。最初にコマンド名を選ぶ必要も、ステップバイステップのワークフローに従う必要もありません。

チャットではなくブラウザで視覚的に反復する場合:

/impeccable live

起動中の開発サーバー上の任意の要素を選択。コメントやストロークを追加。HMR経由で3つのプロダクション品質のバリアントがホットスワップされます。希望のものを承認するとソースに書き戻されます。

コマンドをショートカットとしてピン留めする

v3.0では18のスタンドアロンスキルが /impeccable 配下の23のサブコマンドに統合されました。特定コマンドの短い形式を使いたい場合は、ピン留めしてください:

/impeccable pin critique

以降、/critique が直接 /impeccable critique を呼び出します。親に委譲する軽量なリダイレクトスキルを書き込むため、スキルの更新は再ピン留めなしに反映されます。

便利なピンの例:

  • /impeccable pin polish 最終仕上げ用
  • /impeccable pin audit 決定論的なアクセシビリティ/パフォーマンスチェック用
  • /impeccable pin live ブラウザ反復フロー用
  • /impeccable pin critique デザインレビュー用

削除する場合:/impeccable unpin critique。ピンはハーネスのスキルフォルダ(.claude/skills/i-critique/.cursor/skills/i-critique/ など)に i- プレフィクス付きのディレクトリとして存在するため、手動で削除することもできます。

注意点

  • スタイルガイドとして扱うこと。 これは意見を含んだデザインパートナーであり、リンターではありません。デフォルトは最低水準を引き上げるためのもので、あなたの判断を覆すためのものではありません。正当な理由(ブランドガイドライン、アクセシビリティの制約、ユーザーリサーチ)があれば反論し、理由を説明してください。スキルは協力してくれます。理由なく意見を無視した場合に出力が悪化します。
  • 既存コードの修正を期待すること。 /impeccable は作成向けです。洗練には /impeccable polish/impeccable distill、または /impeccable critique を使ってください。
  • teach がコンテキストを保存する前に実行すること。 新しいプロジェクトでは飛行中にインタビューが始まりますが、それは問題ありません。ただし少し遅くなります。最初のコマンドとして明示的に /impeccable teach を実行する方がわずかにスムーズです。
  • レジスターの質問をスキップすること。 ブランドとプロダクトのデフォルトは十分に異なるため、間違ったレジスターで実行すると微妙に的外れな出力になります。PRODUCT.md## Register フィールドがない(レガシー)場合、/impeccable teach を実行して追加してください。