Agent Skill · Image

Device Mockup

Use this skill to put a real screen on a device render.

  • Open source
  • skills.sh
View on skills.sh

Free and open source. The skill file stays on skills.sh. Uwarp does not host it.

A 3D iPhone or MacBook showcase with HTML rendered on the screen. Device Canvas Product Launch is the shorter path when the device should appear inside a launch film.

Reviewed Oct 29, 2026

Device Mockup listing card on skills.sh

Runs in

  • Claude Code
  • Cursor
  • Codex

Generates with

  • Host agent LLM

Uses tools

  • HTML

What you get

  • A 3D iPhone or MacBook showcase with HTML rendered on the screen.
  • A result you can keep editing after the agent stops.
  • The skill file stays on skills.sh.

Good fit

  • A screen you can describe or point at.
  • A showcase still, not a full launch film.
  • A designer who will review the result before it is published.

Not for

  • A narrated product film, which belongs in Product Launch Video.
  • A poster with no device.
  • Hosting the skill file on Uwarp. It stays on skills.sh.
  • Image
  • Mockup
  • Open source

About this Skill

Listed on skills.sh as nexu-io/open-design/mockup-device-3d. You say Show this landing page on a MacBook mockup.

How it works

  1. 1. Open the listing

    Install from the skills.sh page for nexu-io/open-design/mockup-device-3d. Uwarp does not host the file.

  2. 2. Bring the brief

    The screen content and which device, iPhone or MacBook, should hold it.

  3. 3. Compare with a finished template

    Device Canvas Product Launch is the shorter path when the device should appear inside a launch film.

When a Skillry template fits better

Device Canvas Product Launch is the shorter path when the device should appear inside a launch film.

What you need before you start

Summarized from the skills.sh listing for Device Mockup. The skill file stays there.

You bring
The screen content and which device, iPhone or MacBook, should hold it.
Dependencies
An agent that can load skills from skills.sh, such as Claude Code, Cursor, or Codex.
Outside costs
The skill is free. Model calls are billed by the agent host, not by Uwarp.
Last tested
Listed on skills.sh as of Oct 29, 2026. Agents named there include Claude Code, Cursor, and Codex.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.