🎨 クリエイティブチェッカー

代理店提出のバナー・記事・広告文・LP を 6観点で自動品質チェックする社内Webアプリ
ローカル運用可能 クリエイティブ・制作 Anthropic API 課金なし

📱 このアプリでできること

使い方

ブラウザでアプリを開く 素材種別と媒体を選ぶ 素材を入力 「チェック実行」

※ 堀江さん以外(山口・瀬倉 等)も使える設計

🔍 6つのチェック観点(skill)

creative-check-compliance必須
① 法令・規約コンプライアンス — マンナビ固有NG(誤認 / 価格調査限定 / 本人以外推奨 / 訪問否定 / 用語誤り / 本体サービス言及)+ 景表法系NG(最上級 / 断定 / 二重価格 / 損しない系 / おとり / 取引態様不明確)
creative-check-brand必須
② ブランド整合性 — カラー / ロゴ扱い / トーン&マナー
creative-check-design重要
③ デザイン品質・可読性 — テキストサイズ / 情報量 / コントラスト / ファーストビュー / スマホ対応
creative-check-accuracy必須
④ 訴求内容の正確性 — 数値根拠 / サービス仕様一致 / 文字数制限(Google・Yahoo 見出し30字・説明文90字)
creative-check-cta重要
⑤ CTA・導線 — 具体性 / 視認性 / 導線数 / 遷移先整合
creative-check-media-spec重要
⑥ 媒体別入稿規定 — Google: 1200×628 / 1200×1200 / 1200×300、Yahoo: 1200×628 / 300×250 / 600×500、JPG/PNG・150KB以内

🛠 実行計画

① チェック基準書を作成(NG表現・必須要素・ブランドカラー等) ✓ 完了
② creative-checker Subagent に基準を組み込み → skill 6本に分割 ✓ 完了
③ テスト運用で精度検証(代理店提出物で実テスト) ✓ 完了 (2026-05-19)
④ Streamlit アプリ化(社内向けUI) ✓ 完了

レベル設計

レベル内容状態
レベル1単純なレギュレーション準拠チェック実装済み
レベル2各媒体特性・過去状況・現状に応じた提案今後の拡張

3Qゴール

堀江さんの作業が無くなるよう AI で自動化 → アプリ化により山口・瀬倉も使える状態に

⚙️ 技術構成(Claude Code連携)

agent + skill

Streamlit アプリ構成

ページ / ファイル役割
🎨 チェッカー (checker.py)チェック実行UI + 履歴タブ
📖 基準書ad-creative-guidelines.md を表示
📋 レギュレーションGoogle Sheets(マンナビ規約)直読み
📐 媒体規定各媒体の入稿規定を CRUD
checker_db.pySQLite 履歴 + バージョン管理 + 媒体規定

起動方法

cd /Users/horie/Data/mrs-claude-ad/projects/creative-checker-app
.venv/bin/streamlit run app.py

内部で claude -p を呼ぶため Anthropic API 課金なし(Claude Code subscription で完結)