MallForge デモモック — Playwright 検証レポート

対象: C:\Users\user\Downloads\mock.html / 検証日: 2026-07-09 / 全21画面を自動操作して撮影

✅ 検証結果: JavaScript エラー 0件 / 承認操作で進捗が 1/8 → 2/8 に増加することを実測 / 全21画面 表示確認済み

1. ログイン

デモユーザーでログイン(Supabase 不要)

ログイン画面

2. ダッシュボード

ステータス別件数(下書き3・生成済7・要修正1・承認待ち1・書き出し済1)+ 最近更新商品

ダッシュボード

3. 商品一覧(一括管理)

デモ商品3件 + 一括生成用10件の計13商品

商品一覧

4. AI一括生成(商品C: アウトドアチェア)

Step 0〜7 の8段階パイプライン完了 → 3モール×8項目の生成結果

AI一括生成

5. エディタ(商品B: イヤホン)

モール別3列 + 文字数カウント + 禁止語「日本一」の赤警告

エディタ

6. 実画面風プレビュー — Amazon風(PC)

最終ゴールの絵。画像・★評価・価格・箇条書き・カートボタン + 右チェックリスト

Amazon風プレビュー

7. 実画面風プレビュー — 楽天市場風(PC)

赤系価格・ポイント表示・キャッチコピー・商品説明

楽天風プレビュー

8. 実画面風プレビュー — Yahoo!ショッピング風(PC)

価格 + スペック表つき

Yahoo!風プレビュー

9. 実画面風プレビュー — スマホ表示切替

幅375pxのスマホ表示(PC/スマホのトグルで切替)

スマホ表示

10. 実画面風プレビュー — 商品B(禁止語あり)

チェックリストに「× 禁止語:『日本一』含む」が表示される例

禁止語警告

11. 承認ゲート(商品B)

チャネル×項目の逐次人手承認。承認ボタンで進捗が増加(1/8 → 2/8 実測)

承認ゲート

12. 一気出品(商品A)

楽天 → Yahoo! → Amazon の順に出品成功 + ダミーURL(実出品なし)

一気出品

13. 一括生成管理

10件中7件完了・1件エラー(エラー理由つき)の進捗

一括生成管理

14. 管理設定(ルール)

禁止語辞書・モール別文字数ルール・採点の重み

管理設定

15. 【新】コンテンツ一覧 — 一元生産管理マトリクス

行=商品 × 列=全チャネル(モール/SNS/マーケ)。⬜未生成 🔵生成済 🟡承認待ち ✅配信済 🔴エラー

一元生産管理マトリクス

16. 【新】マーケティングライティング — メルマガ

件名/プレビュー文/本文/CTA + 特定電子メール法チェック(配信停止導線○)

メルマガ生成

17. 【新】マーケティングライティング — 広告コピー

見出し15字×2案 + 見出し30字 + 説明文90字

広告コピー生成

18. 【新】SNS投稿スタジオ — Instagram(92点・合格)

品質採点5項目(Hook/価値/CTA/PF最適/文字数)全○ → 承認キューへ

SNS Instagram

19. 【新】SNS投稿スタジオ — Facebook(65点・不合格例)

CTA なし・動画なしで×判定 → 「指摘を反映して再生成」ボタン表示

SNS Facebook 不合格

20. 【新】SNS投稿 — 予約完了(scheduled 確認済み演出)

承認済み投稿のみ予約可能。予約後に scheduled 確認済み表示

SNS予約完了

21. 【新】アルゴリズム管理 — PF別ルールの鮮度

最終更新60日超=黄・90日超=赤の警告 + 更新台帳(改定内容・出典)

アルゴリズム管理