moda-mockup
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.mdcharts.mddesign-quality.mdedit-code.mdexport.mdgotchas.mdlanding-page.mdmarkup.mdmockup.mdno-brand-design.mdomni-and-media.mdreading-and-verifying.mdコメント
Markdown 対応