[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74254":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":8,"htmlUrl":8,"language":9,"languages":8,"totalLinesOfCode":8,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":8,"rankLanguage":8,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":21,"hasPages":21,"topics":23,"createdAt":8,"pushedAt":8,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":14,"starSnapshotCount":14,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},74254,"claude-skill-aso-appstore-screenshots","adamlyttleapps\u002Fclaude-skill-aso-appstore-screenshots","adamlyttleapps",null,"Python",1430,240,14,5,0,20,31,126,60,20.15,"MIT License",false,"main",[],"2026-06-12 02:03:24","# ASO App Store Screenshots\n\nA Claude Code skill that generates high-converting App Store screenshots for your iOS app. It analyzes your codebase, identifies core benefits, and creates professional screenshot images using AI.\n\n## What It Does\n\n1. **Benefit Discovery** — Analyzes your app's codebase to identify the 3-5 core benefits that drive downloads\n2. **Screenshot Pairing** — Reviews your simulator screenshots, rates them, and pairs each with the best benefit\n3. **Generation** — Creates polished App Store screenshots using a two-stage process: deterministic scaffolding (compose.py) + AI enhancement (Nano Banana Pro via Gemini MCP)\n4. **Showcase** — Generates a preview image with all screenshots side-by-side\n\n## Installation\n\n### 1. Add the skill to Claude Code\n\n```bash\nclaude install-skill github.com\u002Fadamlyttleapps\u002Fclaude-skill-aso-appstore-screenshots\n```\n\n### 2. Install Python dependencies\n\n```bash\npip install Pillow\n```\n\n### 3. Font requirement\n\nThe skill uses **SF Pro Display Black** for headline text. On macOS, install it from [Apple's developer fonts](https:\u002F\u002Fdeveloper.apple.com\u002Ffonts\u002F). The expected path is:\n\n```\n\u002FLibrary\u002FFonts\u002FSF-Pro-Display-Black.otf\n```\n\n### 4. Set up Gemini MCP (for AI enhancement)\n\nThe generation phase requires [@houtini\u002Fgemini-mcp](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@houtini\u002Fgemini-mcp) to be configured as an MCP server in Claude Code:\n\n```bash\nnpm install -g @houtini\u002Fgemini-mcp\n```\n\nThen add it to your Claude Code MCP config (`~\u002F.claude\u002Fsettings.json` or project `.mcp.json`).\n\n## Usage\n\nFrom within your app's project directory, run:\n\n```\n\u002Faso-appstore-screenshots\n```\n\nThe skill will guide you through each phase interactively. Progress is saved to Claude Code's memory system, so you can resume across conversations.\n\n## How It Works\n\n### Scaffold → Enhance Pipeline\n\nRather than generating screenshots from scratch (which produces inconsistent results), the skill uses a two-stage approach:\n\n1. **compose.py** creates a deterministic scaffold with exact text positioning, device frame, and your simulator screenshot composited inside\n2. **Nano Banana Pro** (via Gemini MCP) enhances the scaffold — adding a photorealistic device frame, breakout elements, and visual polish\n\nThis ensures consistent layout across all screenshots while letting AI handle the creative enhancement.\n\n### Output\n\nScreenshots are saved to a `screenshots\u002F` directory in your project:\n\n```\nscreenshots\u002F\n  01-benefit-slug\u002F          ← working versions\n    scaffold.png            ← deterministic compose.py output\n    v1.png, v2.png, v3.png  ← AI-enhanced versions\n    v1-resized.png, ...     ← cropped to App Store dimensions\n  final\u002F                    ← approved screenshots, ready to upload\n    01-benefit-slug.png\n    02-benefit-slug.png\n  showcase.png              ← preview image with all screenshots\n```\n\nThe `final\u002F` folder contains App Store-ready screenshots at exact Apple dimensions (default: 1290×2796px for iPhone 6.7\").\n\n## Files\n\n| File | Purpose |\n|------|---------|\n| `SKILL.md` | The skill prompt — defines the multi-phase workflow |\n| `compose.py` | Deterministic scaffold generator (Pillow-based) |\n| `generate_frame.py` | Generates the device frame template |\n| `showcase.py` | Generates the side-by-side showcase image |\n| `assets\u002Fdevice_frame.png` | Pre-rendered iPhone device frame template |\n\n## License\n\nMIT\n","该项目是一个用于生成高质量App Store截图的Claude Code技能，特别针对iOS应用。它通过分析代码库来识别推动下载的核心优势，并使用AI技术创建专业的截图。核心功能包括从代码中发现3-5个关键优势、评估并匹配模拟器截图与最佳优势、采用两阶段流程（确定性布局+AI增强）生成最终截图以及生成包含所有截图的预览图。适合需要优化App Store页面以提高转化率的应用开发者使用。",2,"2026-06-11 03:49:41","high_star"]