Individual skill
app-store-screenshots
Use when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS, macOS, and/or Android apps, or scaffolding a screenshot editor with Next.js. Triggers on app store, mac app store, play store, screenshots, marketing assets, html-to-image, phone mockup, mac mockup, android screenshots, feature graphic.
skills/app-store-screenshots/SKILL.md
Source commit 5386f227360bddb06c8beaff920a1a34c9f01932
What was checked
- Matches the observed repository HEAD
- Yes
- Scanner rules are current
- Yes
- Repository scan complete
- No
- Skill scan complete
- No
- Observed behavior
- Network or broad shell
- Last checked
- Nov 2, 2026
These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.
Install this skill
Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.
An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.
Repository context
- Repository stars (not skill ratings)
- 7,843
- Repository last updated
- Nov 7, 2026
- License
- MIT
Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.
- agentic-ai Repository topic
- apple Repository topic
- appstore Repository topic
- automate Repository topic
- claude Repository topic
- cursor Repository topic
- design Repository topic
- generate Repository topic
- ios Repository topic
- ios-app Repository topic
- marketing Derived category
- engineering Derived category
- engineering-web Derived category
Files and excerpt
File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.
Browse files
SKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytesSKILL.mdcore · 65,029 bytescopy-ideas.mddoc · 9,079 bytesiphone-duo.mddoc · 14,090 bytesmockup.pngasset · 95,028 bytesscripts/capture-iphone-duo.shruns · 7,148 bytesstyle-prompts.mddoc · 10,484 bytesstyle-prompts/01-retro-rubberhose-mascot.mddoc · 25,329 bytesstyle-prompts/02-moody-curated-dating.mddoc · 27,637 bytesstyle-prompts/03-paper-sticker-skeuomorphic.mddoc · 29,001 bytesstyle-prompts/04-dreamy-pastel-couples.mddoc · 25,260 bytesstyle-prompts/05-hand-drawn-editorial-tasks.mddoc · 24,102 bytesstyle-prompts/06-glossy-3d-kbeauty-creator.mddoc · 21,620 bytesstyle-prompts/07-liquid-glass-aurora.mddoc · 20,243 bytesstyle-prompts/08-swiss-grid-bold.mddoc · 20,500 bytesstyle-prompts/09-neon-athletic-night.mddoc · 22,884 bytesstyle-prompts/10-magazine-cover-editorial.mddoc · 25,850 bytesstyle-prompts/11-candy-pop-social.mddoc · 20,359 bytesstyle-prompts/12-soft-clay-wellness.mddoc · 21,145 bytesstyle-prompts/13-midnight-glow-pro.mddoc · 34,486 bytesstyle-prompts/14-risograph-zine.mddoc · 35,853 bytesstyle-prompts/15-bento-keynote-grid.mddoc · 32,047 bytesstyle-prompts/16-toybox-primary.mddoc · 36,005 bytesstyle-prompts/17-quiet-japandi.mddoc · 30,726 bytesstyle-prompts/18-vintage-travel-poster.mddoc · 38,475 bytesstyle-prompts/_QUALITY_BAR.mddoc · 13,959 bytestemplate/.github/workflows/e2e.ymlasset · 783 bytestemplate/.gitignoreasset · 470 bytestemplate/README.mddoc · 24,709 bytestemplate/app-store-screenshots.jsonasset · 8,540 bytestemplate/bun.lockasset · 73,634 bytestemplate/components.jsonasset · 449 bytestemplate/docs/testing/e2e.mddoc · 24,064 bytestemplate/e2e-army/chrome-provider.tsruns · 1,706 bytestemplate/e2e-army/server.cjsruns · 1,610 bytestemplate/e2e.config.tsruns · 824 bytestemplate/next.config.mjsruns · 294 bytestemplate/package.jsonruns · 1,596 bytestemplate/postcss.config.mjsruns · 81 bytestemplate/public/fonts/imported/.gitkeepasset · 1 bytestemplate/public/frames/.gitkeepasset · 0 bytestemplate/public/frames/duo-inner-landscape.pngasset · 795,922 bytestemplate/public/frames/duo-inner-portrait.pngasset · 821,757 bytestemplate/public/frames/duo-outer-landscape.pngasset · 380,872 bytestemplate/public/frames/duo-outer-portrait.pngasset · 457,010 bytestemplate/public/frames/ipad-portrait.pngasset · 314,484 bytestemplate/public/frames/iphone-portrait.pngasset · 489,833 bytestemplate/public/frames/mac.pngasset · 676,527 bytestemplate/public/frames/tv.pngasset · 853,962 bytestemplate/public/frames/watch.pngasset · 239,889 bytestemplate/public/mockup.pngasset · 95,028 bytestemplate/public/screenshots/android/phone/en/.gitkeepasset · 0 bytestemplate/public/screenshots/apple/ipad/en/.gitkeepasset · 0 bytestemplate/public/screenshots/apple/iphone/en/.gitkeepasset · 0 bytestemplate/src/app/api/frames/route.tsruns · 1,532 bytestemplate/src/app/api/project/route.tsruns · 3,522 bytestemplate/src/app/api/upload-font/route.tsruns · 4,580 bytestemplate/src/app/api/upload/route.tsruns · 3,263 bytestemplate/src/app/fonts/imported/[filename]/route.tsruns · 359 bytestemplate/src/app/frames/[filename]/route.tsruns · 1,349 bytestemplate/src/app/globals.cssasset · 3,299 bytestemplate/src/app/layout.tsxruns · 487 bytestemplate/src/app/page.tsxruns · 141 bytestemplate/src/app/screenshots/uploaded/[filename]/route.tsruns · 328 bytestemplate/src/components/editor/background-controls.tsxruns · 2,972 bytestemplate/src/components/editor/callout-controls.tsxruns · 8,067 bytestemplate/src/components/editor/create-image-mask.tsruns · 586 bytestemplate/src/components/editor/device-frames.tsxruns · 21,429 bytestemplate/src/components/editor/font-importer.tsxruns · 3,121 bytestemplate/src/components/editor/image-element-canvas.tsxruns · 1,400 bytestemplate/src/components/editor/inspector.tsxruns · 41,841 bytestemplate/src/components/editor/preview-stage.tsxruns · 10,678 bytestemplate/src/components/editor/scene-layers.tsxruns · 14,593 bytestemplate/src/components/editor/scene-playground.tsxruns · 10,785 bytestemplate/src/components/editor/screenshot-editor.tsxruns · 38,529 bytestemplate/src/components/editor/screenshot-picker.tsxruns · 7,328 bytestemplate/src/components/editor/sidebar.tsxruns · 4,429 bytestemplate/src/components/editor/slide-canvas.tsxruns · 56,174 bytestemplate/src/components/editor/slide-thumb.tsxruns · 6,063 bytestemplate/src/components/editor/style-lab.tsxruns · 17,791 bytestemplate/src/components/editor/toolbar.tsxruns · 15,003 bytestemplate/src/components/ui/button.tsxruns · 1,813 bytestemplate/src/components/ui/card.tsxruns · 1,183 bytestemplate/src/components/ui/dialog.tsxruns · 3,195 bytestemplate/src/components/ui/dropdown-menu.tsxruns · 3,776 bytestemplate/src/components/ui/input.tsxruns · 717 bytestemplate/src/components/ui/label.tsxruns · 714 bytestemplate/src/components/ui/popover.tsxruns · 1,028 bytestemplate/src/components/ui/select.tsxruns · 3,780 bytestemplate/src/components/ui/tabs.tsxruns · 1,904 bytestemplate/src/components/ui/textarea.tsxruns · 644 bytestemplate/src/components/ui/tooltip.tsxruns · 898 bytestemplate/src/lib/clean-hex-color.tsruns · 225 bytestemplate/src/lib/clean-imported-font.tsruns · 990 bytestemplate/src/lib/constants.tsruns · 22,412 bytestemplate/src/lib/contrast.tsruns · 3,058 bytestemplate/src/lib/copy-ideas.tsruns · 3,012 bytestemplate/src/lib/defaults.tsruns · 9,447 bytestemplate/src/lib/elements.tsruns · 1,344 bytestemplate/src/lib/export-assets.tsruns · 1,320 bytestemplate/src/lib/export-render.tsruns · 9,158 bytestemplate/src/lib/frame-assets.tsruns · 7,838 bytestemplate/src/lib/image-cache.tsruns · 3,092 bytestemplate/src/lib/locale.tsruns · 1,956 bytestemplate/src/lib/measure-frame.tsruns · 3,732 bytestemplate/src/lib/png-encode.tsruns · 3,003 bytestemplate/src/lib/png-rgb.tsruns · 5,492 bytestemplate/src/lib/png-worker.tsruns · 545 bytestemplate/src/lib/project-validation.tsruns · 5,055 bytestemplate/src/lib/request-body.tsruns · 1,755 bytestemplate/src/lib/request-guard.tsruns · 2,072 bytestemplate/src/lib/scene.tsruns · 4,833 bytestemplate/src/lib/serve-asset.tsruns · 1,058 bytestemplate/src/lib/storage.tsruns · 16,886 bytestemplate/src/lib/style-lab.tsruns · 13,436 bytestemplate/src/lib/types.tsruns · 7,604 bytestemplate/src/lib/typography.tsruns · 2,027 bytestemplate/src/lib/utils.tsruns · 169 bytestemplate/src/lib/write-asset.tsruns · 448 bytestemplate/tailwind.config.tsruns · 2,043 bytestemplate/tests/editor.e2e.tsruns · 12,755 bytestemplate/tests/harness/api-bug-bash.cjsruns · 9,737 bytestemplate/tests/harness/bug-bash.cjsruns · 35,700 bytestemplate/tests/harness/migration-fixture.cjsruns · 7,579 bytestemplate/tests/harness/run.cjsruns · 466 bytestemplate/tests/harness/ui-bug-bash.cjsruns · 15,216 bytestemplate/tests/regression.e2e.tsruns · 1,504 bytestemplate/tests/scene-style-lab.e2e.tsruns · 15,073 bytestemplate/tests/targets.e2e.tsruns · 12,758 bytestemplate/tsconfig.jsonasset · 594 bytes
Read excerpt
# App Store & Google Play Screenshots Generator
## Overview
Scaffold a pre-built Next.js + ShadCN editor that lets the user design and export App Store **and** Google Play screenshots as **advertisements** (not UI showcases). The editor handles all the heavy lifting:
- Connected live preview at the canvas's true resolution (scaled to fit)
- Drag-to-reorder screens, inline text editing, layout switcher per screen
- Cross-screen mockups: phone/device frames, captions, and layered elements can be moved across adjacent screens, then exported as clipped crops
- Drop-target screenshot picker (file → saved to `public/screenshots/uploaded/<hash>.png`)
- Auto-save to **`app-store-screenshots.json`** at the project root (git-trackable) + `localStorage` mirror
- Easy iOS ↔ Mac ↔ Android platform switch — separate slide decks live side by side
- One-click bulk PNG export at every Apple/Google-required resolution via `html-to-image`
- Light/dark variant toggle per slide, a toolbar theme picker (one palette preset per named style), locale select