デザインとコードの往復が、
ターミナルの中で完結する。
Anthropicは2026年8月17日、Claude Codeに「/design」コマンドのリサーチプレビューを追加した。ターミナルを離れずにUIモックアップの複数案を生成し、そのまま実装まで進められる。同じ週にCursorとGitHub Copilotも足場を広げており、その文脈込みで読み解く。
ターミナルに、
「叩き台」を出す力を足す
Anthropicは2026年8月17日、Claude Codeに「/design」コマンドのリサーチプレビューを追加したとTHE DECODERが報じている。使い方は「/design ○○機能の案をいくつか」のように指示するだけ。Claudeはターミナル内で複数のUI案（artboard）を並行生成し、既存のコードベースを読み込んで現行のUIスタイルに合わせたモックアップを作る。
生成された案はAnthropicの共有可能な「Artifacts」形式で出力され、開発者はその場で好みの案を選び、微調整し、そのまま実装に進められる。従来はUIデザインを検討するたびにブラウザでclaude.ai/design（Anthropic Labsの独立プロダクト「Claude Design」）を開き、出来上がったコードをコピーしてターミナルに戻す必要があった。この往復が丸ごと不要になる。
デザインは、コーディングの後工程ではなく
同じセッションの中の一手になった。
同じ週に3社が、
コーディングAIの持ち場を広げた
/designの意味は単体では測れない。同じタイミングでCursorとGitHub Copilotも、コーディングAIの役割を拡張する発表をしている。
Claude Codeはこの直前、7月13日に内蔵ブラウザ、7月24日にSecurityプラグインを追加したばかりで、「コードを書く」以外の領域へ段階的に踏み出してきた。/designはその延長線上にある。同じ2026年8月中には、Cursorが独自Gitホスティング「Origin」を、GitHub Copilotが他社エージェントでも使い回せる「Agent Plugins 1.0」を発表しており、主要コーディングAI各社が「コード生成」の枠を超えて開発ワークフロー全体を囲い込もうとしている構図が見える。デザイン・バージョン管理・エージェント間の互換性——それぞれ違う面から同じ陣取り合戦をしていると読むと、/designの位置づけがはっきりする。
特にAnthropicにとっては、単体プロダクトだった「Claude Design」の資産をClaude Codeという主力の開発者向け製品に統合したという意味も大きい。個別ツールを増やすのではなく、既存のセッションに機能を足し込んでいくアプローチは、Claude Codeを単なるコード生成ツールから「開発ワークフロー全体のハブ」に育てようとする方向性の一環と見ることができる。
誰に、どう効くか
エンジニア
UIの叩き台を自分で用意できるようになり、デザイナー不在の小規模チームや個人開発でも画面設計のハードルが下がる。プロトタイプの初速が上がる。
デザイナー
ゼロ地点の叩き台をエンジニア側が用意できるようになる分、デザイナーの役割は「一次案作成」から「方向性のレビューと仕上げ」寄りにシフトする可能性がある。
プロダクトマネージャー
アイデア出しから動く画面案までの時間が縮む。ただしリサーチプレビュー段階のため、そのまま本番採用できる品質かは案件ごとに見極めが要る。
「リサーチプレビュー」
という但し書き
explainx.aiの解説記事も指摘する通り、/designはあくまでリサーチプレビューであり、コマンドの挙動や出力形式は今後変わる可能性がある。生成されたartboardは既存コードベースのスタイルに「寄せる」ものであって、デザインシステムやアクセシビリティ要件への準拠までは保証しない。最初の案を実際のコードベースに照らして人間がレビューする工程は、これまで通り必須のままだ。
Figmaのような専業デザインツールを置き換えるものでもない。狙いはあくまで「検討の初速」を上げることにあり、複雑なデザインシステムを持つ大規模プロダクトでは、これまで通り専用ツールとの併用が現実的だろう。