Skip to content
Pro is liveSee plans
Deepdoer skills
Works in
Claude CodeCodexCursorGemini CLIOpenCodeAntigravityHermes Agent
Runs on models
Claude OpusClaude SonnetGPT-5Gemini Pro
Generates with
GPT Image (OpenAI)
Tools
Plain HTML / CSS
Languages
English中文

Similar Skills

View all 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.

  1. 1Import and validate screenshots.
  2. 2Choose a device arrangement.
  3. 3Apply consistent lighting.
  4. 4Export hero and singles.
  5. 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

Rate this Skill

Pick a rating to write your review

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.