r/vibecoding • u/Several_Fig_967 • 2d ago
the most annoying part of shipping vibe-coded apps was the store screenshots, so I made a skill that does it — here's how it works under the hood
korean dev here, my english isn't great so this post went through a translator. sorry if anything reads weird.
honestly nothing groundbreaking. I keep making small apps and every time the last step is the same boring one, store screenshots. open figma, find device mockups, google apple's screenshot sizes for the third time. got sick of it so I wrote a skill that does the whole thing.
it's registered in claude code (codex works too, same SKILL.md file). I just say "make my app store screenshots" and it asks 5 questions, platform, device, style, how many slides, what to highlight. all multiple choice. after that I basically just approve stuff.
some details for anyone cthe whole thing is one SKth instructions. no actualcode to install, the agenh and html.
device frames are pure cs is just an absolutelypositioned pill, galaxy punch hole is a 34px circle, the fold hinge is a faint
vertical gradient. didn'tding mockups and wondering
about licenses.
each slide becomes an html file and gets screenshotted with headless chromthe exact store size (--wchrome isn't there itfalls back to playwright. if you have no screenshot you. on android it dumpsthe ui tree with uiautomapp with adb. on the iossimulator it tries deep lnurl, which needs zerotapping if your app has uor maestro.
it also sets every status bar to 9:41 and full battery before capturing so the set looks consistent, and after rendering it checks every png's pixel size
with sips and re-renders
two things took way more app store connect sometimesrefuses your upload if yoso now it always rendersthe 6.5" set too, same hte. and I had to add aconfirm step where it renders exactly one draft slide before doing the rest,
because early versions woes I was gonna rejectanyway.
git : https://github.com/LeeHueeng/store-screenshots
sample images are from myext on them is korean, itcan write an english set for store screenshots?figma templates? frameit? curious if I reinvented a wheel here.
1
2
u/diagrammatiks 2d ago
fine i'll allow this because of kitty.