/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。
引用できる 4 点
別サイトではなくスラッシュコマンド
Claude Code Desktop か CLI の同じセッションで走らせる。公式例は /design a few options for {feature}。先に編集可能な artboard、その後に実装。
早期プレビューの発表日
一次情報は Nate Parrott の投稿と ClaudeDevs のスレッド。2026-06 の往復は Design ↔ Code 同期。08-17 は artboard を Code の中に置く。
ボードは同じセッションに居る
ClaudeDevs:/design skill が Claude Design の artboard を CLI と Desktop に持ち込み、artifacts の上に載せる。リポジトリを読み、UI を合わせ、共有できる mock を出す。
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。
タイムライン
Claude Design が Labs から canvas + chat として登場(後年の回顾)。独立したデザイン助手であり、まだ Code のスラッシュではなかった。
Design ↔ Code の双方向。コードベース認識、デザインシステム取り込み、端末で /design。往復の話であり、08-17 の artboard 包装ではない。
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 ガイド
スラッシュコマンドが居るクライアントであり、Design 製品そのものではない。
Claude Code スラッシュコマンド
/design 以外の一覧。/effort や /model と混ぜない。
Claude Code Ultrathink / Ultracode
選んだ artboard の後に来ることが多い高強度の実装経路。
Anthropic スタッフと ClaudeDevs の公開投稿、および Claude Code の whats-new の整理。preview の保証ではない。コマンドの有無はクライアント版が正。QCode はプランゲートを迂回しない。