asset-mockup

Installation
SKILL.md

Create a device or context mockup: $ARGUMENTS

$ARGUMENTS should include:

  • Path to the image to mockup (the content to place into the frame)
  • Mockup type (laptop, phone, book, poster, billboard, tablet, browser, etc.)
  • Optionally: scene context (desk, hand-held, coffee shop, etc.)
  • Optionally: additional styling (angle, lighting, environment)
  • Empty — ask the user for the image and mockup type

Before Starting

  1. Confirm GOOGLE_GENERATIVE_AI_API_KEY is set in .env.local
  2. Read the source image to understand its content and aspect ratio
  3. Read src/lib/config/tenant.config.ts for brand context
  4. Determine the mockup type and scene

Mockup Types

Device Mockups

Installs
1
GitHub Stars
1
First Seen
Jun 4, 2026
asset-mockup — joshuashepherd/my-skills