Claude Code に UI モックアップ作成機能「/design」コマンドが追加
本文の状態
日本語全文を表示中
詳細モードで約1分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
The Decoder
Anthropic は Claude Code に「/design」コマンドを早期公開し、開発者がコード記述前にターミナルやデスクトップアプリでデザインモックアップを作成・編集できる機能を導入したと発表した。
AI深層分析を開く2026年8月18日 20:17
AI深層分析
キーポイント
新機能の概要
Anthropic は Claude Code に「/design」コマンドを早期公開し、開発者がコード記述前にターミナルやデスクトップアプリでデザインモックアップを作成・編集できる機能を導入した。
既存コードとの連携
Nate Parrott 氏によると、Claude は既存のコードベースを読み込み、現在の UI スタイルに一致する共有可能な Artifacts としてモックアップを生成する。
機能の統合と制限
この機能は「Claude Design」のエディタおよびプロンプト機能を Claude Code に組み込んだものであり、デザインはビルドステップに引き継がれるが、現時点では手動で保存する必要がある。
重要な引用
Anthropic has released an early preview of the /design command in Claude Code.
Claude reads the existing codebase, matches the current UI style, and creates shareable mockups as Artifacts.
編集コメントを表示
編集コメント
ターミナル環境でのデザイン作成機能は、開発者の作業フローを大きく変える可能性を秘めている。既存コードの文脈を理解してデザインを生成する点は、実用性を高める重要な要素と言える。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
Anthropic は、Claude Code の新機能「/design」コマードの早期プレビュー版をリリースしました。
この新機能を使えば、開発者はコードを書き始める前に、ターミナルやデスクトップアプリ上で直接デザインのモックアップを作成できます。サンプルコマンドは「/design a few options for {feature}」（{機能名} に対するいくつかの選択肢を作成）のような形式で、Claude が複数のドラフトをアートボードとして生成します。
ユーザーはお気に入りのデザインを選び、それを編集した後に実装に進むことができます。
開発者の Nate Parrott 氏によると、Claude は既存のコードベースを読み込み、現在の UI スタイルに合わせた共有可能なモックアップを「Artifacts」として作成します。このエディタ機能とプロンプト機能は、もともと Claude Design に搭載されていたものですが、現在は Claude Code の内部に直接組み込まれています。
生成されたデザインはビルドステップへ引き継がれますが、現時点では手動で保存する必要があります。試してみたい場合は、「claude update」を実行してください。
過剰な hype を排した AI ニュース – 人間が厳選
THE DECODER に購読していただくと、広告なしでの閲覧、週刊の AI ニュレター、年 6 回の独占レポート「AI Radar」、アーカイブへの完全アクセス、そしてコメント欄の利用が可能になります。
原文を表示
Anthropic has released an early preview of the /design command in Claude Code. The new feature lets developers create design mockups directly in the terminal or desktop app before they start writing code. A sample command looks like "/design a few options for {feature}" and Claude generates multiple drafts as artboards. Users can pick their favorite, edit it, and then build it out.
According to developer Nate Parrott, Claude reads the existing codebase, matches the current UI style, and creates shareable mockups as Artifacts. The editor and prompting features come from Claude Design and are now built directly into Claude Code. The designs carry over into the build step, but they still need to be saved manually for now. To try it out, just run "claude update."
AI News Without the Hype – Curated by Humans
Subscribe to THE DECODER for ad-free reading, a weekly AI newsletter, our exclusive "AI Radar" frontier report six times a year, full archive access, and access to our comment section.
関連記事
News to Guide
ニュースの次に確認する
発表内容を、現在の料金や仕様と照らし合わせられる関連ガイドです。
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み