LeeHueeng/store-screenshots本日の一膳 · 9/28

生のアプリスクリーンショットをApp StoreとGoogle Play対応のマーケティング画像に変換するAIエージェントスキルです。

インストール型ツール自由に使える · MITマーケティング・グロース難易度
890 保存
7フォーク0Issue

中辛 の解説

Claude CodeとOpenAI Codexに対応したエージェントスキルです。iPhone・iPad・Galaxy・Fold・FlipなどのデバイスフレームをCSS で描画し、アプリのデザイン色から背景を抽出し、各画面のマーケティングコピーを提案します。App Store(1320×2868など)とGoogle Play(1080×1920など)の正確なサイズでPNG出力します。アプリのスクリーンショットがなければ、エージェントが自動でアプリを操作して取得することも可能です。難易度は中程度で、Chrome、ImageMagickまたは sips が必要です。デモ:プロモーション画像に韓国語マーケティングコピーが入った App Store スクリーンショットの例が示されています。

こんなリポジトリです

こんなときに便利です

  • App Store や Google Play に登録するマーケティング用スクリーンショットを一括生成する
  • アプリの実際の設計色に合わせたブランディング済み背景付きスクリーンショットを自動作成する
  • 複数プラットフォーム(iPhone、iPad、Android)の異なるサイズに対応したスクリーンショットセットを手作業なしで準備する

主な機能

CSS で描画されたデバイスフレーム(iPhone、iPad、Galaxy、Fold、Flip など)アプリのデザインシステムから自動抽出する背景色とスタイル承認ベースのマーケティングコピー生成

ほかとの違い

Web ツールと違い、実装済みアプリから色とコンテンツを読み込んで生成するため、テンプレートに頼らない本物のマーケティング資料が作成できます。

このリポジトリの作り方

はじめてですか? むずかしくありません — 上から順にたどれば、自分の環境で動かして味見できます。

準備するもの

  • Claude Code または Codex
  • Chrome または Chromium
  • sips(macOS 標準搭載)または ImageMagick

すぐに始める

  1. リポジトリをクローンします
git clone https://github.com/LeeHueeng/store-screenshots.git
  1. Claude Code を使う場合、スキルを ~/.claude/skills/ にコピーします
cp -r store-screenshots/store-screenshots ~/.claude/skills/
  1. または Codex を使う場合、スキルを ~/.agents/skills/ にコピーします
mkdir -p ~/.agents/skills
cp -r store-screenshots/store-screenshots ~/.agents/skills/
  1. Claude Code でスクリーンショットフォルダを指定して実行します
/store-screenshots ./screenshots
  1. または Codex で実行します
$store-screenshots ./screenshots
  1. プラットフォーム・デバイス・スタイルを選択肢から選び、生成されたコピーを確認して承認します。

ギット飯トライで味見

入れるのが面倒で少し不安だったなら — 安全スキャンからインストールまで、ターミナル一行で終わります。

ターミナルに貼り付ければ、ギット飯の安全スキャン → 隔離フォルダへ clone → インストール → 実行方法の案内まで自動です。はじめてでも大丈夫 — この一行だけです。

npx gitbap-try LeeHueeng/store-screenshots

Node.js さえあれば、インストールなしで動きます · ギット飯トライとは? →

スター推移 · 7日

897日間の増加数を計算するための比較データが不足しています

確認日時

使いやすさ · まねしやすいか

サンプル評点 34/100
  • ゆるいライセンス
  • テストあり
  • サンプル集
  • 最近の更新
  • AGENTS.md
  • llms.txt
  • テンプレート

最近の更新あり · 2026 年に作成

「マーケティング・グロース」 こういうリポジトリを毎週受け取りませんか?

毎週月曜の朝、選んだ一膳だけ。広告なし · いつでも解除。

自分のリポジトリですか? README にギット飯バッジを貼る
[![깃밥](https://www.gitbap.com/badge/LeeHueeng/store-screenshots.svg)](https://www.gitbap.com/r/LeeHueeng/store-screenshots)
Claude からそのまま使う — ギット飯のつなぎ方

ギット飯を Claude につなぐと、こうしたリポジトリを Claude・Cursor・Codex から直接さがして試せます。

方法 ① コネクタ URL

Claude の設定 → コネクタにこのアドレスを貼り付け。

https://www.gitbap.com/api/mcp
方法 ② プラグイン(試用まで)

プラグインを入れると /gitbap-trending·/gitbap-try のスラッシュコマンドで、その場でリポジトリを試せます。Claude Code で下の 2 行を順に実行してください。

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
つなぎ方をくわしく →

AI が README をもとに要約しました · 原文を見る