エンジニアリング · Claude Code /design

/design
2026-08-17 の research preview。artboard を選んでから実装

Anthropic design の Nate Parrott が 2026-08-17、Claude Code の /design 早期プレビューを投稿。Desktop または CLI で /design a few options for {feature}、artboard を選び、編集して実装。ClaudeDevs 同日:research preview、artifacts 上、Pro / Max / Team / Enterprise。先に claude update。

#/design#research preview#artboard / artifacts#2026-08-17

引用できる 4 点

/design

別サイトではなくスラッシュコマンド

Claude Code Desktop か CLI の同じセッションで走らせる。公式例は /design a few options for {feature}。先に編集可能な artboard、その後に実装。

2026-08-17

早期プレビューの発表日

一次情報は Nate Parrott の投稿と ClaudeDevs のスレッド。2026-06 の往復は Design ↔ Code 同期。08-17 は artboard を Code の中に置く。

artifacts

ボードは同じセッションに居る

ClaudeDevs:/design skill が Claude Design の artboard を CLI と Desktop に持ち込み、artifacts の上に載せる。リポジトリを読み、UI を合わせ、共有できる mock を出す。

research preview

Pro / Max / Team / Enterprise

ClaudeDevs:Available on Pro, Max, Team, and Enterprise. Update Claude Code to try it。GA ではない。QCode は Claude Design をホストしない。

/design が割るのは「最初の実装にデザインが溶ける」問題

「ホームページを作れ」と直打ちすると、要件・視覚・実装が一段に潰れる。/design は 要件 → canvas/artboard での探索 → 選択と修正 → 実装、に分ける。Claude Design のボードであり、Figma 置換のスローガンではない。preview の挙動は更新後のバイナリが正。

6 月の /design 同期とは別の出荷

2026-06 頃、Claude Design は既にリポジトリのデザインシステムを読み、完成ボードを Claude Code に渡せた。08-17 のニュースは、エディタとプロンプトが Code の中に居り、claude.ai/design を開いてスクショを戻さなくてよいこと。Week 34(2026-08-17–21)が whats-new に記録。いまも research preview。

タイムライン

2026-04

Claude Design が Labs から canvas + chat として登場(後年の回顾)。独立したデザイン助手であり、まだ Code のスラッシュではなかった。

2026-06-17 前後

Design ↔ Code の双方向。コードベース認識、デザインシステム取り込み、端末で /design。往復の話であり、08-17 の artboard 包装ではない。

2026-08-17

Nate Parrott が early preview。ClaudeDevs が skill、artifacts、プラン範囲。claude update。2026-08-30 時点でも本ページは research preview と書く。

確認済み vs 噂

確認済み

一次情報は 2026-08-17 の Nate Parrott と ClaudeDevs。Desktop + CLI、artboard、artifacts、research preview、Pro/Max/Team/Enterprise。リポジトリに合わせる UI は続報。

噂 / 誤読

「/design は Design の GA」——公式は research preview。「QCode が Claude Design をホスト」——QCode はモデル API。「任意の API key で公式 skill が開く」——ClaudeDevs はプランを書いた。クライアントを正とする。

先にデザインするか、すぐ実装するか

/design が先に来る仕事

視覚の方向が複数、既存コンポーネントに合わせる、コードの前に mock が要る。公式例は a few options for {feature}。artboard を選んで同じセッションで実装。

ボードを飛ばしてよい仕事

UI がない、またはシステムが固定でロジックだけ。preview の使用量は Claude Code / チャットの共有枠を食う。

公式の使い方(プラットフォームを変えなくてもよい)

Claude Code を更新し、Desktop か CLI で /design …、artboard で方向を選び、実装を頼む。QCode を Claude Design の宿主としては書かない。エージェントが API を使うなら、実際に売っている型番を選ぶ。プランゲートの迂回やクライアント偽装は説明しない。

QCode は Claude Design を動かさない

/design は Claude Code クライアントの skill / スラッシュ。artboard と artifacts は Anthropic の製品面。QCode は公式価格 × サービス料の API。売っているモデル用のキーは別。QCode が Claude Design の artboard を描くとは期待しない。

FAQ

CLI と Desktop の両方?

Nate Parrott も ClaudeDevs も Desktop or CLI。発表ビルド以降に更新。コマンドが無いときは claude --version と /help を正とする。

GA か preview か。

ClaudeDevs は research preview。能力・枠・UI は動く。本番仕様に GA として固定しない。

どの Anthropic プラン?

ClaudeDevs:Pro, Max, Team, Enterprise。ログイン中のクライアントが実際に出すスイッチが正。

6 月の /design との差は?

6 月は Design ↔ Code の往復とデザインシステム取り込み。08-17 は Design のエディタを Code に入れ、artifacts で編集可能な artboard を出す。

QCode は artboard を描く?

描かない。artboard は Claude Code / Claude Design。QCode はモデル API。別製品。

使用量はどこ?

6 月の報道は Design が Code / チャット枠を共有すると書いた。08-17 は第二の台帳を出していない。/usage とプランページが正。

情報源

Nate Parrott https://x.com/nateparrott/status/2089470636796059754(2026-08-17)。ClaudeDevs 同日:research preview、artifacts、Pro/Max/Team/Enterprise。whats-new Week 34(2026-08-17–21)。6 月の往復は背景であり 08-17 のリリースノートではない。2026-08-30 再確認。

モデルは自前にできる。ボードは Claude Code の中

QCode は Claude Design をホストしない。API が必要なら、売っている型番を公式価格 × サービス料で。

関連

Anthropic スタッフと ClaudeDevs の公開投稿、および Claude Code の whats-new の整理。preview の保証ではない。コマンドの有無はクライアント版が正。QCode はプランゲートを迂回しない。