- Works in
- Runs on models
- Claude OpusClaude SonnetGPT-5Gemini Pro
- Generates with
- GPT Image (OpenAI)
- Tools
- Plain HTML / CSS
- Languages
- English中文
Similar Skills
What you’ll get
- Hero mockup collage 16:9
- Individual device shots
- Transparent PNGs
Great for
- App store assets
- Landing pages
- Launch posts
Skip it if
- Misleading UI
- 3D turntables
- Video mockups
About this Skill
Try saying
/app-mockup-collage Mockup collage for my notes app. Dark background, lime glow.
- 1Import and validate screenshots.
- 2Choose a device arrangement.
- 3Apply consistent lighting.
- 4Export hero and singles.
- 5Provide transparent PNGs.
app-mockup-collage/SKILL.md
--- name: app-mockup-collage description: "A polished multi-device mockup collage from your screenshots, in a consistent lighting style. Use when the user asks for mockup collage or similar." --- # App Mockup Collage Places your screenshots into phones, tablets and laptops with consistent reflections and shadows, on a cohesive background. ## When to use - App store assets - Landing pages - Launch posts ## Workflow 1. Import and validate screenshots. 2. Choose a device arrangement. 3. Apply consistent lighting. 4. Export hero and singles. 5. Provide transparent PNGs. ## What you deliver - Hero mockup collage 16:9 - Individual device shots - Transparent PNGs ## Not for - Misleading UI - 3D turntables - Video mockups ## Quality bar - State assumptions you made and ask before overwriting existing files. - Never invent facts, numbers, logos or quotes — use placeholders and say so. - Follow `references/style-guide.md` for colour and type decisions. - Finish with a short checklist of what the user should review or replace.
User reviews
—0 reviews
No reviews yet.
Ratings show up here once real people have tried it. We don’t display scores without the reviews behind them.
FAQ
Can I adapt the system to my own brand?
Yes. App Mockup Collage reads your colours, fonts and tone from the prompt or a brand file, and keeps them consistent across everything it makes.
Can I provide a visual reference?
Yes. Attach a screenshot or link and mention what you like about it. The Skill uses it as direction, not something to copy.
Does generation cost extra?
The Skill itself is free to run. If it calls a third-party generator, the page lists it under “Generates with” and that provider’s usage applies.