dessn-design
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を入力して読み込まれたか確認します。
コメント
Markdown 対応