name: competitor-ui-register
Competitor UI Viewer(competitor-ui-viewer.craftgarden.studio)に競合アプリのUI情報とスクリーンショットを登録する。
/Users/satokeita/Dev/competitor-ui-viewerpublic/data/industries.jsonpublic/data/apps/{app-id}/詳細は
references/screenshot-definitions.mdを参照。
対応カテゴリ: テックメディア(tech-media)、金融(finance)、EC・ショッピング(ecommerce)、フード・デリバリー(food)、ヘルスケア(healthcare)
# ブラウザで対象ページを開く
agent-browser open "{url}"
# スクリーンショット撮影
agent-browser screenshot "/Users/satokeita/Dev/competitor-ui-viewer/public/data/apps/{app-id}/{screen-type}.png" --full
# 保存先
/Users/satokeita/Dev/competitor-ui-viewer/public/data/apps/{app-id}/{screen-type}.png
命名規則:
landing.png — ランディングページarticle-list.png — 記事一覧article-detail.png — 記事詳細subscribe.png — 購読フォームnavigation.png — ナビゲーション展開時エントリのJSON構造は
references/example-app-entry.jsonを参照。
cd /Users/satokeita/Dev/competitor-ui-viewer
pnpm build
git add -A
git commit -m "add: {app-name} screenshots and data"
git push origin master
# デプロイ状況確認
vercel ls | head -5
# 画像存在確認
curl -s -I "https://competitor-ui-viewer.craftgarden.studio/data/apps/{app-id}/landing.png" | head -3
landing.png, article-list.png 等のカテゴリ定義に沿った名前を使うこと。自由な命名にすると industries.json との対応が取れなくなるpnpm build でビルドが通ることを確認してからコミット・プッシュすること。industries.json の JSON 構文エラーでビルドが失敗しやすい