AIニュース

Anthropic、Claude Codeに新スキル「/design」を追加 UIデザインからコード実装まで一気通貫に(リサーチプレビュー)

公開日: ・出典: Claude Code公式ドキュメント(Anthropic)

Anthropicは8月下旬、Claude CodeのCLIおよびClaude Code Desktop向けに、UIデザインの制作からコード実装までを一気通貫でこなす新スキル「/design」をリサーチプレビューとして公開した。Claude Designが備えるアートボード形式のワークフローをClaude Codeに統合したもので、Pro・Max・Team・Enterpriseの各プランで利用でき、Claude Codeのバージョン2.1.233以降が必要となる。

使い方はシンプルで、ターミナル上で「/design」コマンドを実行すると、Claudeが要件に応じた複数のUIデザイン案(アートボード)を生成する。ユーザーはその中から方向性を選び、必要に応じて微調整を加えたうえで、そのままClaudeにコードとしての実装を指示できる。従来はデザイナーが作成したモックアップをエンジニアが手作業でコードに落とし込む「引き継ぎ」の工程が必要だったが、デザイン案自体がArtifacts(実行可能な成果物)として生成されるため、この工程を同一環境内で完結できるという。

開発者コミュニティでは、要件定義とコードの間に「比較・修正・確定が可能なデザイン成果物」が新たに挟まる点が変化のポイントだと受け止められている。Anthropicはこれまでもチャット向けにCanvas系のデザイン機能をClaude本体に提供してきたが、今回はコーディングエージェントであるClaude Codeの開発フローに直接組み込んだ点が特徴で、デザインとコーディングの分業を前提としてきた開発体制に一定の影響を与える可能性がある。

出典: Claude Code公式ドキュメント(Anthropic)

Xでシェア