[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2779":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":15,"stars7d":14,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":14,"lastSyncTime":34,"discoverSource":35},2779,"shots","hypersocialinc\u002Fshots","hypersocialinc","Claude Code\u002FAgent Skill for making App Store screenshots with GPT Image 2 that you can upload. Give it your App Store link & screenshots of your app and it will produce beautiful app store screenshots ready to upload to Apple (or Google)","",null,"JavaScript",189,21,2,1,0,31,3,4.03,false,"master",true,[24,25,26,27,28,29,30],"app-store-connect","app-store-screenshots","falai","gpt-image","gpt-image-2","ios-app","screenshots","2026-06-12 02:00:43","\u003Cp align=\"center\">\n  \u003Cimg src=\"assets\u002Fhero.png\" alt=\"Shots — AI-powered App Store screenshots\" width=\"500\" \u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">\u002Fshots\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Cstrong>Claude Code & Agent Skill to generate Upload-ready App Store screenshots that drive installs — powered by GPT-Image 2.\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cvideo src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002Fbd1a9037-470d-4c75-b6e9-bfed07425057\" width=\"600\" \u002F>\n  \u003Cbr>\n  \u003Cem>Demo — from App Store URL to finished screenshots\u003C\u002Fem>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  Type \u003Ccode>\u002Fshots\u003C\u002Fcode> in Claude Code. Paste your App Store URL to scrape your listing,\u003Cbr>\n  let the skill research your app, market, theme, colors, and competitors,\u003Cbr>\n  add your own screenshots to \u003Ccode>.shots\u002Fapp-screenshots\u002F\u003C\u002Fcode>, drop inspo into \u003Ccode>.shots\u002Finspo\u002F\u003C\u002Fcode>,\u003Cbr>\n  and get scroll-stopping App Store screenshots in minutes — not days.\n\u003C\u002Fp>\n\n> **⚠️ API Key Required**\n> You need either:\n> - `OPENAI_API_KEY` with image generation enabled (GPT Image 2 access), OR\n> - `FAL_KEY` for fal.ai generation\n>\n> Optional: `SEARCHAPI_KEY` from [SearchAPI.io](https:\u002F\u002Fwww.searchapi.io\u002F) (free trial available) enables scraping your or other apps' existing App Store screenshots to use as reference.\n\n## Install\n\nInstall the Shots skill to your AI coding agent:\n\n```bash\n# Install to your current project\nnpx skills add hypersocialinc\u002Fshots\n\n# Install globally (available in all projects)\nnpx skills add hypersocialinc\u002Fshots --global\n\n# Install to specific agents\nnpx skills add hypersocialinc\u002Fshots --agent claude-code cursor\n```\n\nWorks with Claude Code, Cursor, Codex, Cline, and [40+ other AI coding agents](https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fskills#supported-agents).\n\n## Examples\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-tiktok-1.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-tiktok-2.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-tiktok-3.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd colspan=\"3\">\u003Cem>TikTok — bold claims, scroll-stopping color\u003C\u002Fem>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-miniparty-1.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-miniparty-2.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-miniparty-3.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd colspan=\"3\">\u003Cem>Miniparty — playful identity, clear value props\u003C\u002Fem>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-snapchat-1.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-snapchat-2.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-snapchat-3.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd colspan=\"3\">\u003Cem>Snapchat — high-energy visuals, benefit-first copy\u003C\u002Fem>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-chatgpt-1.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-chatgpt-2.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n    \u003Ctd>\u003Cimg src=\"assets\u002Fexample-chatgpt-3.png\" width=\"250\" \u002F>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd colspan=\"3\">\u003Cem>ChatGPT — clean product tour, clear benefit headlines\u003C\u002Fem>\u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Platform Support\n\n| Platform | Status | Composite Size | Final Panel Size |\n|----------|--------|----------------|------------------|\n| iPhone | ✅ Fully tested | 3456×2400 | 1284×2778 |\n| iPad | ⚠️ Not fully tested | 6144×2732 | 2048×2732 |\n| Android Phone | ⚠️ Not fully tested | 3240×1920 | 1080×1920 |\n| Translation | ⚠️ Experimental | - | - |\n| Apple Watch | ❌ Not yet supported | - | - |\n| App Store Videos | 🔜 Planned | - | - |\n\n## Pricing\n\n~**$0.50** per generation (3 screenshots) · ~**$0.17** per screenshot\n\nOutput image tokens account for ~95% of the cost and are fixed per composite size — prompt length and reference images are negligible. Based on real generation data and [OpenAI GPT Image 2 pricing](https:\u002F\u002Fplatform.openai.com\u002Fdocs\u002Fpricing):\n\n| | Tokens | Cost |\n|---|---|---|\n| Input (text + images) | ~1K-6K | $0.005-0.04 |\n| Output (composite image) | 16,554 | $0.497 |\n| **Total** | | **~$0.50** |\n\n## Commands\n\nEverything runs through a single `\u002Fshots` command. Sub-flows are triggered conversationally:\n\n| Input | What it does |\n|-------|-------------|\n| `\u002Fshots` | Full creation flow — questionnaire, workspace setup, generate screenshots |\n| `\u002Fshots \u003Curl>` | Scrape the App Store URL, then start creation flow |\n| `\u002Fshots revise` | Iterate on existing shots with targeted feedback |\n| `\u002Fshots translate [shot-id] [locale]` | Localize an existing shot\u002Frun into another language\u002Flocale |\n| `\u002Fshots scrape \u003Curl>` | Scrape App Store metadata only (no generation) |\n\nYou can also trigger sub-flows mid-conversation by saying \"revise\", \"translate to Japanese\", \"scrape\", etc. Benefit headlines are crafted from a saved strategy brief during the create flow.\n\n## How It Works\n\nShots is a research-first screenshot generation system that produces conversion-optimized App Store and Google Play assets:\n\n### 1. **Initialize Workspace**\nSets up a `.shots\u002F` directory in your project with config schema, manifest tracking, and folders for reference images.\n\n### 2. **Research Your App**\nAutomatically gathers context from multiple sources:\n- **App Store scraping** — Pulls metadata, ratings, description, and existing screenshots from your listing (iTunes API + optional SearchAPI for device-grouped screenshots)\n- **Repository analysis** — Reads your README, package.json, and source code to understand your product\n- **Visual references** — Inspects screenshots you drop into `.shots\u002Fapp-screenshots\u002F` and inspiration images in `.shots\u002Finspo\u002F`\n- **Competitor mapping** — Identifies 3-5 direct competitors and analyzes their positioning, visual themes, and review language\n\n**SearchAPI Integration:** When `SEARCHAPI_KEY` is set, the scraper fetches device-grouped screenshots (iPhone, iPad, etc.) from the App Store, providing richer visual references than the iTunes API alone. Sign up at [searchapi.io](https:\u002F\u002Fwww.searchapi.io\u002F) — free trial available.\n\n### 3. **Build Strategy Brief**\nSaves a reusable research artifact (`strategyBrief` in `config.json`) containing:\n- App summary, target audience, market maturity\n- Positioning (core promise, differentiator, proof points)\n- Competitor analysis with visual\u002Fcopy patterns\n- Voice and language bank (tone, market words, taboo phrases)\n- Visual theme (style family, mood, palette, motifs)\n- Panel arc structure (Value → Flow → Trust narrative)\n\n### 4. **Craft Benefit Headlines**\nGenerates 6-8 problem-first benefit statements ranked for install intent (transformations, not features). Headlines are saved to `config.json` and reused across revisions\u002Ftranslations.\n\n### 5. **Generate Image Composites**\nCreates wide panoramic composites via OpenAI's GPT Image 2 (direct API or fal.ai) using:\n- Saved strategy brief and benefits (not regenerated each time)\n- Reference images for visual consistency\n- Platform-specific dimensions (iPhone: 3456×2400, iPad: 6144×2732, Android: 3240×1920)\n- Verbatim quote-based prompting for >95% text accuracy\n\n### 6. **Crop Into Panels**\nAutomatically splits composites into 3 upload-ready individual screenshots with crop-safe boundaries (no text cutoff or visible seams).\n\n### 7. **Iterate or Translate**\n- **Revise:** Make surgical changes to existing shots while preserving strategy and visual identity\n- **Translate:** Localize screenshot copy into other languages\u002Flocales without rebuilding visuals\n\nAll generated assets are versioned in timestamped run directories under `.shots\u002Fruns\u002F` (gitignored).\n\n## Requirements\n\n- Node.js 18+\n- `OPENAI_API_KEY` or `FAL_KEY`\n- `SEARCHAPI_KEY` (optional) — improves App Store screenshot scraping with device grouping\n\n## Project Structure\n\n```\nskills\u002Fshots\u002F\n  SKILL.md                # Router, shared setup, config contract\n  reference\u002F\n    create.md            # Create flow\n    strategy.md          # Research + strategy brief + benefits\n    prompting.md         # GPT Image 2 prompt contract\n    revise.md            # Revision flow\n    translate.md         # Localization flow\n    scrape.md            # App Store scrape flow\n  scripts\u002F                # generate.mjs, crop.mjs, scrape.mjs\n.shots\u002F                   # Per-project workspace (created at runtime)\n  config.json             # Scaffold-generated app\u002Fworkflow schema\n  runs\u002F                   # Generated output (gitignored)\n```\n\n## Show Us What You Made\n\nUsing Shots for your app? We'd love to see it! [Open a PR](https:\u002F\u002Fgithub.com\u002Fhypersocialinc\u002Fshots\u002Fpulls) adding a link to your App Store or Google Play listing and we'll feature it here.\n\n\u003C!-- Add your app below! -->\n\n","Shots 是一个基于 GPT-Image 2 的 AI 工具，用于生成可以直接上传到应用商店的高质量应用截图。其核心功能包括通过分析用户提供的 App Store 链接和应用截图，结合市场研究、主题颜色及竞品分析自动生成优化后的应用展示图。该项目采用 JavaScript 编写，并且需要有效的 OPENAI_API_KEY 或 FAL_KEY 来启用图像生成功能。此外，支持使用 SearchAPI.io 提供的应用商店数据抓取服务作为参考依据。适用于希望快速获得专业级应用商店宣传素材而无需长时间等待的设计团队或个人开发者。","2026-06-11 02:51:12","CREATED_QUERY"]