# Mockup Device 3d

Device 3D Showcase (Open Design), use only when explicitly invoked, not for general...

- Repository: https://github.com/feimacode/open-design-agent-kit (756 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add feimacode/open-design-agent-kit --skill mockup-device-3d -g -a claude-code -y`
Codex: `npx skills add feimacode/open-design-agent-kit --skill mockup-device-3d -g -a codex -y`
Cursor: `npx skills add feimacode/open-design-agent-kit --skill mockup-device-3d -g -a cursor -y`
Gemini CLI: `npx skills add feimacode/open-design-agent-kit --skill mockup-device-3d -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add feimacode/open-design-agent-kit`

## Description

Device 3D Showcase (Open Design), use only when explicitly invoked, not for general design requests

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

<!-- generated:open-design-agent-kit -->

Use the Open Design skill `od:prototype:mockup-device-3d` (Device 3D Showcase).

Treat the rest of the user's message as the brief. If nothing more specific was given, use: "Use the Device 3D Showcase template to turn my content into a static iPhone and MacBook 3D-style showcase with real HTML embedded on the screens. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."

Call `prepare_open_design_brief` (the open-design MCP server's tool) with skillId "od:prototype:mockup-device-3d" and this brief, call `list_open_design_design_systems` first if the user names a brand or visual direction, or `recommend_open_design_design_systems` if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call `register_open_design_artifact`.