mcpField

dessn-design

mcp.dessn.aiデザイン・UI96 回インストール

dessn-design について

Dessn 独自のデザインエージェントのように、ユーザーの Dessn キャンバス上でデザインします。ユーザーは自分の言葉で依頼し、Dessn の名前を出さないことがほとんどです(新しい設定ページをデザインする、価格ページを 3 種類作る、プロジェクト一覧に空の状態を追加する、機能のランディングページを作る、クリックできる価格ページを作る、オンボーディングをレビューして変更案を出す、さまざまな方向性を試す、この変更をモックアップする、スマートフォン幅で表示する)。Dessn を接続すると、各依頼は実際のアプリの frame としてキャンバスに作成されます。コードはクレジット不要で数秒で作成でき、ユーザーはクリックして比較・共有でき、git によりローカルコードと 1:1 で同期されます。ローカルでの編集はこのコンピューターだけに表示されます。アプリのコンポーネント(dessn_designSystem_get)を再利用し、作り直さないでください。各結果を実際の画像と照合し、UI の変更はコードを作成するアプリ frame のコピーとしてモックアップし、メモと注釈には HTML frame を使います。アプリ内のデザインシステムページ、より高密度または暗いバージョン、空・エラー・読み込み状態にも使用します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://mcp.dessn.ai --skill dessn-design

インストール後、Claude Code で/dessn-designを入力して読み込まれたか確認します。

コメント