Claude Code は 1DesignTool で最も調整されたエージェントパスです。design kit は最初に Claude Code 向けに書かれ、磨かれてきました。すべてのステアリング機能(要素選択、コメント、Tweaks、バリアント、Council)はアプリ自身のテスト実行で Claude Code との組み合わせで検証されています。Claude サブスクリプションを契約しているなら、これがデフォルトのエンジンです。
セットアップ
Claude Code をインストールし、Anthropic アカウントでサインインします。エージェント側のセットアップはこれだけです。1DesignTool は起動時にバイナリを検出し、バージョンとサインイン状態とともにエージェントピッカーに表示します。コンポーザーのエージェントチップで Claude Code · Default を選ぶか、Settings → Agents でデフォルトに設定します。
モデルと effort
コンポーザーのエージェントチップから、CLI が提供する Claude Code のモデルを選べます。速く安いイテレーションには Sonnet、デザインに本物のセンスが問われるときは Opus です。effort レベルは速度と丁寧さのトレードオフです。バリアントや捨てる方向性には Fast、残すつもりのパスには Reviewed、ブリーフを複数のレビュアーに回してチェック済みの結果を得るには Council です。
design kit がエージェントに渡すもの
すべてのプロジェクトフォルダには .claude/skills/ 以下に design kit のプレーンテキストのコピーが置かれます。Claude Code が毎ターン読むルールブックです。タイプスケールとコントラストの下限、ヒットターゲットサイズ、マークアップ構造、テンプレートの出力コントラクト、ゲートが実行するチェックです。kit はフォルダ内のただのファイルなので、開いてエージェントに何が伝えられたかを読み、デザインと一緒にコミットすることもできます。仕様が成果物と一緒に持ち運べます。
得意なこと
- エディトリアルなレイアウトとタイポグラフィ — ランディングページ、ドキュメント、ブランドボード
- デザインシステム — 一貫性を保つトークン、コンポーネント、保存済みシステム
- 長いステアリング — 多くのターンにわたってプロジェクトの方向性をぶれずに保持します
- Council 実行 — マルチレビューの品質モードは Opus と好相性
ヒント: 2 つ目のプロジェクトでは Claude Code と保存済みデザインシステムを組み合わせましょう。最初の実行が kit にあなたのセンスを教え、以降のすべてのブリーフがそれを継承します。
Claude Code が検出されない場合
ターミナルで PATH 上の claude を確認してください。1DesignTool は同じ方法で CLI を見つけます。インストール済みだがサインアウト状態の CLI には、ピッカーにサインイン状態が表示され、アプリが Claude Code 自身のログインフローに案内します。詳しくはコーディングエージェントを接続するとトラブルシューティングを参照してください。