# Device Showcase Studio

Give your product screens a frame worth sharing. Compose phone, tablet and browser showcases, bring your own screenshots and export sharp images with an editable source.

Canonical page: https://skillrove.dev/skills/device-showcase-studio
Version: 1.0.0
Package price: USD 4.99 per individual package
Installation hosts: Codex, Claude Code, Cursor
Output: Your product, beautifully in the frame

## What it does

- Compose 1–4 phone, tablet or browser frames in duo, hero or gallery layouts.
- Import your screenshots, choose cover or contain, and edit the message, palette and device order.
- Make wide, square and portrait compositions with optional transparent backgrounds.
- Export PNG at up to 3840 px, SVG, project JSON and a portable editable studio.

Best suited to: Designers, founders and makers presenting authorized product screenshots.

Scope limits: Original stylized 2D frames. Screens are images, not interactive apps. No branded hardware model, 3D or video renderer.

## Documented deliverables and requirements

- High-resolution PNG from the browser + portable SVG
- Editable studio HTML + embedded project JSON
- Three original product directions + source image embedding
- Source licenses + SHA-256 delivery manifest

Runtime requirements: Browser · no installation required

Working example: https://skillrove.dev/skillrove/samples/device-showcase-studio/v1.0.0/default/index.html

Original stylized 2D frames. Screens are images, not interactive apps. No branded hardware model, 3D or video renderer.

## Questions before installation

### How do I get Device Showcase Studio?

The listed individual package price is USD 4.99. Premium downloads require a confirmed purchase or active membership. Your agent subscription, model access and external provider credits are separate.

- [Compare access and pricing](https://skillrove.dev/pricing)

### Which agents can use this skill?

This release lists Codex, Claude Code, Cursor as intended installation hosts. Check the package’s dependencies and permissions before running it. These labels do not certify that every workflow has been tested in every agent.

- [Codex setup](https://skillrove.dev/skills/agent/codex)
- [Claude Code setup](https://skillrove.dev/skills/agent/claude-code)
- [Cursor setup](https://skillrove.dev/skills/agent/cursor)

### What files can this workflow generate?

The documented 1.0.0 workflow lists: High-resolution PNG from the browser + portable SVG; Editable studio HTML + embedded project JSON; Three original product directions + source image embedding; Source licenses + SHA-256 delivery manifest. Some files or exports are optional; follow the package’s setup and inspect the delivered result.

- [Review all deliverables](https://skillrove.dev/skills/device-showcase-studio#skill-what-you-get)
- [Inspect the working example](https://skillrove.dev/skillrove/samples/device-showcase-studio/v1.0.0/default/index.html)

### What should I check before using the result?

Original stylized 2D frames. Screens are images, not interactive apps. No branded hardware model, 3D or video renderer.

- [Read the installation guide](https://skillrove.dev/guides/how-to-install-a-claude-skill)
- [Review third-party notices](https://skillrove.dev/third-party-notices)

## Source and access

These facts come from the public Skillrove catalog and the documented active release. Agent labels describe intended installation hosts, not certification across every model. Package licenses apply; model accounts, provider credits and credentials are separate. Public facts do not grant download access.

[Installation guide](https://skillrove.dev/install/agent.md) · [Support](https://skillrove.dev/contact)