Skills
.Work. You
Rest

product-mockup

Community

Create stunning product mockups.

Design & Creative#graphic design#product design#presentation#UI design#mockup#3D
AuthorArnavPuri
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill automates the creation of professional product mockups and showcases, bridging the gap between raw product visuals and polished marketing assets.

Core Features & Use Cases

  • Device Mockups: Generate realistic mockups for phones, laptops, and tablets with custom screenshots.
  • Packaging Visualization: Create 3D mockups of product packaging (boxes, bottles).
  • Lifestyle Presentations: Place products in context with realistic backgrounds and scenes.
  • 3D & Perspective: Apply dynamic 3D transforms and isometric views for engaging presentations.
  • Use Case: A startup can use this Skill to quickly generate professional-looking mockups of their new app on various devices for their website and marketing materials, without needing expensive design software.

Quick Start

Use the product-mockup skill to create an iPhone mockup with the screenshot from 'app-preview.png'.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: product-mockup
Download link: https://github.com/ArnavPuri/designskills/archive/main.zip#product-mockup

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.