プラグイン

Anthropic canvas-design / web-artifacts-builder から適応した design-artifact スキル。デザイン brief を、配信前の品質チェックリストと AI っぽさを避けるパターン一覧を備えた自己完結型の HTML/SVG artifact（ポスター、インフォグラフィック、ランディングページ、チャート、コンポーネントのモックアップ）に変換する。

Design workbench in the right sidebar. When the model builds web pages, app screens, posters, slides or emails, each HTML file shows up as a screen on a canvas inside a device frame and refreshes when the file changes; local dev servers are proxied with hot reload intact. Click an element or drag a region to put its selector, source file and styles into the composer. Also has a design tokens panel, versions saved before and after each turn with drag-to-compare and restore, image export, a LAN QR link for viewing on a phone, link arrows and a click-through demo mode, a multi-size view, in-place text editing, reference-image palettes, and a bundled ui-design skill plus a preview_page tool.

ui_mockup ツールの Consumer：検討段階で UI ワイヤーフレーム／ハイファイスケッチを生成し、デザイン案をディスクに保存したうえで確認を促し、承認後に設計仕様をロックします。クライアントカード、画像ルーティング、i18n を含みます。

DeepSeek HarnessでUIワイヤーフレームとハイフィデリティモックアップを生成。DashScopeとVolcengineのイメージプロバイダーを選択可能。

Design Studio タブ：デザインブリーフがライブプレビュー付きの html/css/js モックアップになり、要素ピッカー、vision レビュー付きデザインエージェントチャット、アイデンティティプリセット、zip エクスポートを備えます。

DSH frontend design generation skill: turns a design request into a polished, self-contained HTML/SVG artifact you can open by double-clicking (poster, infographic, landing page, chart, component mockup). Adapted from Anthropic canvas-design / web-artifac