Create Product Mockup
Ask the user what design or logo they want to mockup, and on what product. Options include: t-shirts/apparel, mugs/cups, phone cases, tote bags, billboards, business cards, packaging/boxes, screens/monitors, posters, bottles/containers. Also ask about background preference: white studio, lifestyle context, flat lay, environmental, or minimal gradient.
Craft a detailed prompt for the product mockup. Follow the style guide: ensure the design conforms to the product surface realistically (curves, folds, texture), use appropriate material interaction, and include professional lighting. If the user provided a logo/design image, this becomes an edit prompt to place that design onto a product. If they described the design, generate a complete mockup from scratch.
Show the user where their mockup was saved. Offer adjustments: different product type, different view angle (front, 3/4, flat lay), different background setting, different product color, or create a lineup of the same design on multiple products.
To run this task you must have the following required information:
> Design/logo to place (image or description), product type (shirt, mug, etc.), optional style preferences.
If you don't have all of this information, exit here and respond asking for any extra information you require, and instructions to run this task again with ALL required information.
---
You MUST use a todo list to complete these steps in order. Never move on to one step if you haven't completed the previous step. If you have multiple read steps in a row, read them all at once (in parallel).
Add all steps to your todo list now and begin executing.
## Steps
1. [Run Code: Verify Gemini Connection]: Call `run_script` with:
```json
{
"file": {
"path": https://sk.ills.app/code/media.gemini.verify/preview,
"args": [
]
},
"packages": null
}
```
2. Ask the user what design or logo they want to mockup, and on what product. Options include: t-shirts/apparel, mugs/cups, phone cases, tote bags, billboards, business cards, packaging/boxes, screens/monitors, posters, bottles/containers. Also ask about background preference: white studio, lifestyle context, flat lay, environmental, or minimal gradient.
3. [Read Product Mockup Style Guide]: Read the documentation in: `./skills/sauna/[skill_id]/references/media.mockup.style.md` (Load mockup aesthetic guidance)
4. [Read Image Prompting Guide]: Read the documentation in: `./skills/sauna/[skill_id]/references/media.image.prompts.md` (General prompting patterns)
5. Craft a detailed prompt for the product mockup. Follow the style guide: ensure the design conforms to the product surface realistically (curves, folds, texture), use appropriate material interaction, and include professional lighting. If the user provided a logo/design image, this becomes an edit prompt to place that design onto a product. If they described the design, generate a complete mockup from scratch.
6. [Gather Arguments: Generate or Edit Image] The next step has the following requirements for arguments, do not proceed until you have all the required information:
- `prompt`: the product mockup generation prompt
- `imagePath`: path to logo/design image if editing, or empty string for generation
- `outputDir`: ./documents/mockups/*
7. [Run Code: Generate or Edit Image]: Call `run_script` with:
```json
{
"file": {
"path": https://sk.ills.app/code/media.image.generate/preview,
"args": [
"prompt",
"imagePath",
"outputDir"
]
},
"packages": null
}
```
8. Show the user where their mockup was saved. Offer adjustments: different product type, different view angle (front, 3/4, flat lay), different background setting, different product color, or create a lineup of the same design on multiple products.