What is mockup generator?
Create realistic product mockups and presentations Source: jmsktm/claude-settings.
·mockup generator
</>
mockup generator
✓Create realistic product mockups and presentations
Installation
How to Install mockup generator
Quickly install mockup generator AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/jmsktm/claude-settings --skill mockup generator
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: jmsktm/claude-settings.
SKILL.md
View rawA 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: jmsktm/claude-settings.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/jmsktm/claude-settings --skill mockup generator- Source
- jmsktm/claude-settings
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-25
- Updated
- 2026-03-10
Quick answers
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/jmsktm/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, Cursor, or OpenClaw
Where is the source repository?
https://github.com/jmsktm/claude-settings
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-25