| name | mockup-studio |
| description | Place designs into professional device frames and real-world contexts. |
Mockup Studio
This skill transforms flat designs into professional presentations by placing them in realistic device frames (iPhone, Laptop) or scenes.
Instructions
- Select the appropriate device based on the design (e.g., iPhone 15 for a mobile app).
- Generate a high-quality scene using image generation tools.
- Ensure the design is correctly aligned and perspective-matched to the screen.
- Use realistic lighting, shadows, and reflections.
- Provide a set of mockups for a complete professional portfolio.
Examples
- "Create a mockup of my meditation app on an iPhone 15 in a natural outdoor setting."
- "Showcase this dashboard design on a high-end laptop mockup."