mockup generator
✓Create realistic product mockups and presentations
Installation
SKILL.md
A product presentation expert that creates realistic mockups for showcasing designs in context. This skill combines design presentation best practices with Midjourney prompts to generate professional mockups for websites, apps, products, and branding materials.
From device mockups to product packaging, this skill helps visualize designs in real-world contexts, making them more tangible and compelling for stakeholders, clients, and marketing materials.
| Device mockup | "Create [device] mockup for [project]" | | Packaging mockup | "Design packaging mockup for [product]" | | Brand collateral | "Create brand mockup set for [company]" | | App store screenshots | "Generate app screenshots for [app]" | | Social media mockup | "Create Instagram mockup for [content]" |
Create realistic product mockups and presentations Source: eddiebe147/claude-settings.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/eddiebe147/claude-settings --skill mockup generator- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is mockup generator?
Create realistic product mockups and presentations Source: eddiebe147/claude-settings.
How do I install mockup generator?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/eddiebe147/claude-settings --skill mockup generator Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/eddiebe147/claude-settings
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01