Exécutez n'importe quel Skill dans Manus
en un clic

Exécutez n'importe quel Skill dans Manus en un clic

Commencer

mockup-studio

Étoiles0

Forks0

Mis à jour18 avril 2026 à 17:02

Place designs into professional device frames and real-world contexts.

Installation

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Exécuter dans Manus

Source

adryanmoldokkr32-pixel

adryanmoldokkr32-pixel/bionicbot-design-skills

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Téléchargement

Exécuter dans Manus

Métiers associésSOC

Basé sur la classification professionnelle SOC

GraphistesArts, design, divertissement, sports et médias·SOC 27-1024

SKILL.md

readonly

name	mockup-studio
description	Place designs into professional device frames and real-world contexts.

Mockup Studio

This skill transforms flat designs into professional presentations by placing them in realistic device frames (iPhone, Laptop) or scenes.

Instructions

Select the appropriate device based on the design (e.g., iPhone 15 for a mobile app).
Generate a high-quality scene using image generation tools.
Ensure the design is correctly aligned and perspective-matched to the screen.
Use realistic lighting, shadows, and reflections.
Provide a set of mockups for a complete professional portfolio.

Examples

"Create a mockup of my meditation app on an iPhone 15 in a natural outdoor setting."
"Showcase this dashboard design on a high-end laptop mockup."

Plus depuis ce dépôt

même dépôt

design-ui-md

adryanmoldokkr32-pixel/bionicbot-design-skills

Professional UI design and styling skill for high-end web artifacts.

2026-04-200

kinetic-typography-orchestrator

adryanmoldokkr32-pixel/bionicbot-design-skills

Design animated text that reacts to meaning and rhythm.

2026-04-190

neumorphic-interface-builder

adryanmoldokkr32-pixel/bionicbot-design-skills

Design soft, tactile UI elements using shadows and highlights.

2026-04-190

asset-compressor

adryanmoldokkr32-pixel/bionicbot-design-skills

Optimize image and media sizes for fast web performance.

2026-04-180

creative-director-ai

adryanmoldokkr32-pixel/bionicbot-design-skills

Supervise and enhance the artistic quality of AI-generated visuals.

2026-04-180

layout-grid-specialist

adryanmoldokkr32-pixel/bionicbot-design-skills

Design structured layouts using mathematical grid systems.

2026-04-180

name	mockup-studio
description	Place designs into professional device frames and real-world contexts.

Mockup Studio

This skill transforms flat designs into professional presentations by placing them in realistic device frames (iPhone, Laptop) or scenes.

Instructions

Select the appropriate device based on the design (e.g., iPhone 15 for a mobile app).
Generate a high-quality scene using image generation tools.
Ensure the design is correctly aligned and perspective-matched to the screen.
Use realistic lighting, shadows, and reflections.
Provide a set of mockups for a complete professional portfolio.

Examples

"Create a mockup of my meditation app on an iPhone 15 in a natural outdoor setting."
"Showcase this dashboard design on a high-end laptop mockup."