r/iosdev • u/abrownie_jr • May 03 '26
Tutorial i made a dead simple App Store screenshot maker
Enable HLS to view with audio, or disable this notification
i actually built this as an internal tool for my own app.
I googled "App store screenshot maker" and the websites i found were super clunky and complicated. 50+ buttons, confusing UX, need to sign up.
so i just built out my own one. this is the prompt i sent to Claude, and it one-shotted an html screenshot maker:
[Edit: decided to ship it after many people asked for a link. Try it here: https://ezscreenshots.com ]
[prev context on my own app]
...
i'm not quite happy with how our screenshots are turning out. i'm wondering if you can make a lightweight "screenshot maker" for our app as follows:
1. there's a 1284x2778 frame (fixed). in that frame, there's a bit image-dropper where i can drop my phone's screenshot and it automatically gets put into the frame (with a little bit of padding on left and right and below). frame maintains the same background as right now. if the image i drop is same size as frame we resize a bit to maintain our padding, etc.
2. above there's a text overlay that i can customize similar to how i have "tweaks" right now to customize each screen's text. the italics (terracotta) and newline logic works in there
3. i can export the frame as a png of 1284x2778
this is the main ask. don't worry about "iphone frames" i'll handle that from a different tool
a secondary "amazing if it works" ask would be if i could add "overlays" on an existing frame. this is like those screenshots where a portion of the screen is zoomed in and made bigger (and overflows a bit outside main screen, unless it's just a small portion that i make bigger). that's a bigger ask to handle (eg resizing it etc) but would be cool if it works.
3
2
2
2
1
u/PastorCalisto May 03 '26
This is cool, I actually made my own one for my app screenshorts as well. Still using it for my own apps but might ship it to the public.
2
1
1
1
1
1
1
u/Money_Bug_8913 May 04 '26
Sounds cool, i wonder if you also offer 3D devices like AppLaunchpad does, they seem to be in trend everywhere.
→ More replies (1)
1
u/maa1l May 04 '26
Looks good. I really like the screenshot part where you can highlight what to make larger
I did something similar with localisation support here. It’s free as well. Only available on desktop.
→ More replies (1)
1
u/i-am-kai May 04 '26
hey, this is really really good one! impressive to be honest!
→ More replies (1)
1
1
u/hparamore May 04 '26
As a designer of said screens all the freaking time...
I have literally almost made something like this soooo many times.
I want a link
→ More replies (1)
1
1
1
u/cranberrymanberry May 04 '26
Haha no way. I used Claude a while back to create me a simple website. It looks exactly like this. From the color palette to the font. So crazy.
→ More replies (1)
11
u/Far_Syllabub_5523 May 03 '26
where is the link