mcpField

dessn-board

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

dessn-board について

チャットを見なくても読めるように、Dessn キャンバスのページをレイアウトします。アプリのページを領域別にまとめた QA ボード、ラベル付き矢印でライブページをつないだユーザーフロー(メイン経路は横一列に並べ、各失敗は該当ステップのページの下に実際の状態として表示)、フロー監査時に問題箇所へ不具合を明示する図を作成できます。Mermaid またはノードとエッジから図を描き、タイトルやキャプションの注記、セクションを追加し、内容に合わせてフレームを調整します。「アプリのすべての画面を1ページに配置」「サインアップフローを図示」「各ステップとエラーの遷移先を含めてチェックアウトフローを表示」「新規ユーザーのオンボーディングを配置」「チェックアウトフローを監査して問題を示す」「キャンバスにアーキテクチャ図や状態図を描く」「ボードを整理/配置」「フレームにラベルを付ける」「フレームを内容に合わせる」といった依頼に使用します。

インストール

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

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

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

コメント