Lism Mockup 実装ガイド（@lism-css/mockup）

Lism Mockupを使って画面モックアップを作成するための実装ガイドです。画面モックアップは@lism-css/mockupのデータディレクトリ（1画面=1ファイルのpages/＋小さな設定ファイル）として組みます。プレビューアプリ（ビューア）はCLIに同梱されており、モックアップ側にビルド設定やpackage.jsonは不要です。このスキルが扱うのは「モックアップとしてどんなファイルを置けるか（データ契約）」と「initからcheckまでのワークフロー」だけです。

前提（必須）: lism-css-guideを併用する。 このスキルはlism-css-guideが同じ階層に導入されていることを前提にします。マークアップ自体の書き方 — Primitive選定・トークン照合・Property Class・レスポンシブ設計 — はすべてlism-css-guideの実装フローに従ってください。無い場合は、lism-cli skill add（引数なしで全スキル一括導入）での追加をユーザーに案内してください。guideなしで、推測だけでモックアップを書かないでください。

バージョン情報: このガイドは@lism-css/mockup@0.1.0時点の情報に基づきます。

役割分担

• このスキル: データ契約（ファイル構成・スキーマ・import規則）と、init→実装→check→devのワークフロー
• lism-css-guide: マークアップの書き方すべて。実行レベル判定・実装前チェック・提出前セルフチェックはguideの手順をそのまま実行する（../lism-css-guide/SKILL.md）
• 契約の正本: lism-mockup initが生成するREADME.md（契約説明書）。このスキルの要約と食い違う場合は生成物側を優先する

コマンド