mcpField

moda-mockup

moda-designデザイン・UI461 回インストール

moda-mockup について

Moda で静的な UI モックアップやワイヤーフレームを作成します。アプリ画面、ウェブサイトのページ、ダッシュボードのレイアウトを実際のビューポートサイズで画像化し、png または pdf でエクスポートします。モックアップ、ワイヤーフレーム、「X の画面/UI をデザイン」、アプリのコンセプト、ページのリデザイン案に使用します。モックアップはインターフェースの画像です。対象外:公開中のホストページ → moda-website、フローチャートや箱と矢印の図 → moda-diagram。

インストール

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

$npx skills add https://moda-design/moda --skill moda-mockup

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
brand.md
charts.md
design-quality.md
edit-code.md
export.md
gotchas.md
landing-page.md
markup.md
mockup.md
no-brand-design.md
omni-and-media.md
reading-and-verifying.md

コメント