[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-openai-adobe-create-mockups":3,"mdc--fyjmej-key":33,"related-repo-openai-adobe-create-mockups":2395,"related-org-openai-adobe-create-mockups":2487},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":22,"repoUrl":23,"updatedAt":24,"license":25,"forks":26,"topics":27,"repo":28,"sourceUrl":31,"mdContent":32},"adobe-create-mockups","create product and scene mockups","Use when a user wants to see their logo, design, or sketch on a product or scene mockup — mugs, t-shirts, business cards, hats, phone screens, posters, billboards, or similar. Triggers on \"create mockups\", \"show my logo on products\", or any logo upload with a request to visualize it on items. Access: 🔐 Signed-In required | Gen AI: ✅ Adobe Firefly via `image_generate` used for design creation, sketch polishing, and mockup scene generation\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"openai","OpenAI","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fopenai.png",[12,16,19],{"name":13,"slug":14,"type":15},"Graphics","graphics","tag",{"name":17,"slug":18,"type":15},"Creative","creative",{"name":20,"slug":21,"type":15},"Design","design",4888,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins","2026-08-28T15:09:07.42507","Apache-2.0",661,[],{"repoUrl":23,"stars":22,"forks":26,"topics":29,"description":30},[],"OpenAI Plugins","https:\u002F\u002Fgithub.com\u002Fopenai\u002Fplugins\u002Ftree\u002FHEAD\u002Fplugins\u002Fadobe\u002Fskills\u002Fadobe-create-mockups","---\nname: adobe-create-mockups\ndescription: >\n  Use when a user wants to see their logo, design, or sketch on a product or scene mockup — mugs, t-shirts, business cards, hats, phone screens, posters, billboards, or similar. Triggers on \"create mockups\", \"show my logo on products\", or any logo upload with a request to visualize it on items.\n  Access: 🔐 Signed-In required | Gen AI: ✅ Adobe Firefly via `image_generate` used for design creation, sketch polishing, and mockup scene generation\nallowed-tools: adobe_mandatory_init asset_share_link boards_add_items_to_board boards_create_new_board image_generate\nlicense: Apache-2.0\nmetadata:\n  version: 0.1.0\n  visibility: public\n  surface: [codex]\n---\n\n# Create Mockups\n\nTakes a logo sketch, clean logo image, or broader design asset and produces a suite of product mockups styled to a desired brand vibe. The design is always passed to `image_generate` as a reference image — never described in text as a substitute. Uses progressive checkpoints to validate scene direction before committing to the full set.\n\n---\n\n## Tool Reference\n\n| Step | Tool | Notes |\n|------|------|-------|\n| 0 | `adobe_mandatory_init` | File-handling and routing rules; call first |\n| 1 - 5  | `image_generate` | Generate designs from scratch, polish sketches into clean logos with `referenceImage`, and generate mockup scenes with the design as `referenceImage`. See **`image_generate` Call Rules** below. |\n| 7 | `boards_create_new_board` | create a Firefly Board and return its `boardId` |\n| 7 | `boards_add_items_to_board` | add final mockup images to the Firefly Board |\n| 7 | `asset_share_link` | convert the returned Firefly Board `boardId` into a shareable Firefly Board URL |\n\n### `image_generate` Call Rules\n\n- Pass all generation settings inside `options`.\n- Use `options.referenceImage: \"\u003CdesignAssetUrl>\"` whenever generating from an uploaded or previously generated design.\n- Do not combine `referenceImage` with `aspectRatio` or `size`; express the intended composition in the prompt instead.\n- Use `outputFileType: \"png\"` unless the user explicitly requests JPEG.\n\n---\n\n## High-Level Pipeline\n\n1. **Get the design** — If no design was provided, ask to upload or create one from scratch\n2. **Brand profile** — Infer brand direction from the design and only ask for missing output choices\n3. **Review design** *(sketches and unclear designs only)* — Ask whether to use as-is or polish first; skip for clean digital assets\n4. **Pilot mockup** — Generate one mockup to validate scene direction → **get approval before continuing**\n5. **Generate remaining mockups** — Complete the full set (max 5 per turn)\n6. **Deliver** — Display all mockups inline with iteration options\n7. **Firefly Board** — Create a Firefly Board, add the final mockup images, and return the shareable board link\n\n---\n\n## Workflow\n\n### Step 0: Initialize Adobe Tools\n\nCall `adobe_mandatory_init` first. This returns file handling rules and tool routing guidance required for the rest of the workflow.\n\n```json\n{ \"skill_name\": \"adobe-create-mockups\", \"skill_version\": \"0.1.0\" }\n```\n\n---\n\n### Step 1: Get the Design\n\nIf the user already provided a design asset in their message, skip this step and proceed to Step 2.\n\nIf no design was provided:\n\n```\nask_user_question({\n  questions: [{\n    question: \"Do you already have a logo or design, or would you like to create one?\",\n    header: \"Design\",\n    multiSelect: false,\n    options: [\n      { label: \"Upload my design\", description: \"I have a logo or design ready to use\" },\n      { label: \"Create a design\", description: \"Help me design something from scratch\" }\n    ]\n  }]\n})\n```\n\n- **Upload my design** → User uploads their design. Proceed to Step 2.\n- **Create a design** → Ask what they're envisioning (brand name, style, colors, any inspiration). Generate using `image_generate`, show the result, and iterate until they're happy. Use the approved generation URL as `designAssetUrl`. Proceed to Step 2.\n\n```\nimage_generate({\n  options: {\n    prompt: \"\u003Cdesign generation prompt>\",\n    aspectRatio: \"1:1\",\n    n: 1,\n    promptReasoner: \"quality\"\n  },\n  outputFileType: \"png\"\n})\n```\n\n---\n\n### Step 2: Brand Profile\n\n#### 2a. Collect inputs\n\nExtract everything you can from the user's message and the design itself. Default to inference over interrogation. Ask only for what's genuinely missing, and prefer a single structured question page over multiple rounds of Q&A.\n\n| Input | How to get it |\n|---|---|\n| **Design image** | User uploads directly to chat |\n| **Brand name** | Infer from filename or message for internal reference only (e.g. labeling outputs). Only treat a name as explicitly provided — and eligible to render as text in mockups — if the user stated it directly in their message. |\n| **Brand colors** | Infer from the design if it has clear colors. Otherwise improvise and fall back to neutral tones (`#FFFFFF`, `#111111`, `#E8E4DC`). |\n| **Brand vibe** | Infer from the design style and any context clues (e.g. a sleek monogram → Minimal, a bold illustrated character → Playful). Do not ask a dedicated vibe question unless the direction is genuinely ambiguous. |\n| **Mockup selection** | If the user already named products, use those. Otherwise ask once using a single structured product picker. If no preference is given, default to a standard set (mug, business card, t-shirt, phone screen). |\n| **Aspect ratio** | If the user specified one, use it. If they specified products but not aspect ratio, default to square (`1:1`) or infer a better fit from product type. Only ask when aspect ratio is important and cannot be safely inferred. |\n\n##### Brand vibe reference\n\n| Vibe | Description |\n|---|---|\n| **Minimal** | Clean white\u002Flight backgrounds, generous whitespace, muted palette |\n| **Playful** | Bright colors, casual settings, energetic product photography feel |\n| **Luxury** | Dark or gold backgrounds, dramatic lighting, premium materials |\n| **Bold** | High contrast, strong colors, graphic and commanding |\n| **Earthy \u002F Organic** | Natural textures (wood, linen, stone), warm tones, lifestyle feel |\n| **Custom** | User describes their own |\n\nIf everything is clear from the message and design, skip directly to Step 3 without asking anything.\n\n#### 2b. Product and aspect-ratio intake\n\nUse `ask_user_question` only if the user has **not** already specified which mockups they want. Keep it to a single page that combines product suggestions with aspect-ratio choices.\n\n**Product options must be tailored to the brand.** Infer the most fitting products from the design, brand name, vibe, and any context the user provided. Use the examples below as a guide — not a fixed list:\n\n| Brand type | Good product suggestions |\n|---|---|\n| Streetwear \u002F skate | Hoodie, snapback, skateboard deck, tote bag, sticker sheet |\n| Food \u002F beverage | Coffee mug, takeaway cup, tote bag, apron, business card |\n| Kitchenware \u002F home | Plate, mug, tea towel, tote bag, business card |\n| Tech \u002F SaaS | Phone screen, laptop sticker, notebook, t-shirt, business card |\n| Beauty \u002F wellness | Label\u002Fbottle, tote bag, business card, mirror card, poster |\n| Creative studio | Poster, business card, notebook, tote bag, phone screen |\n| Generic \u002F unclear | Coffee mug, t-shirt, business card, phone screen *(fallback defaults)* |\n\nAlways offer 4–5 product options. Tailor the descriptions to feel relevant to the brand. The fallback defaults (mug, t-shirt, business card, phone screen) should only be used when there is genuinely no brand context to work from.\n\n```\nask_user_question({\n  questions: [\n    {\n      question: \"Which mockups should I make first?\",\n      header: \"Products\",\n      multiSelect: true,\n      options: [\n        \u002F\u002F 4-5 brand-appropriate products inferred from context\n      ]\n    },\n    {\n      question: \"What image shape should I use?\",\n      header: \"Ratio\",\n      multiSelect: false,\n      options: [\n        { label: \"Square\", description: \"Best default for most product mockups and portfolios\" },\n        { label: \"Landscape\", description: \"Better for presentation slides and wider scenes\" },\n        { label: \"Vertical\", description: \"Better for mobile-first or poster-style layouts\" },\n        { label: \"Auto\", description: \"Pick the most natural ratio for each mockup automatically\" }\n      ]\n    }\n  ]\n})\n```\n\nRules:\n\n- If the user already specified products, skip the product question.\n- If the user already specified products but not aspect ratio, default to `1:1` unless the product strongly suggests another format.\n- For referenced mockups, use the chosen ratio as prompt guidance only (for example, \"square studio composition\"). Do not pass `aspectRatio` or `size` to `image_generate` when `referenceImage` is present.\n- Use `Auto` behavior by default when product type clearly implies a better composition:\n  - phone screen \u002F poster → vertical is often more natural\n  - billboard \u002F website hero \u002F presentation scene → landscape is often more natural\n  - mug \u002F t-shirt \u002F tote \u002F business card → square is usually the safest default\n- Do not ask a dedicated brand-vibe picker unless the design and prompt leave the direction genuinely unclear.\n- If asking anything in Step 2, keep it to this single structured intake pass.\n\n---\n\n### Step 3: Review the Design\n\nTrigger this checkpoint if **any** of the following are true:\n\n- Visible pencil, pen, or marker strokes\n- Paper, notebook, or textured background\n- Rough, uneven, or hand-drawn edges\n- Watercolor, paint, or brush texture\n- Photo of a drawing or physical object\n- Low resolution or pixelated rendering\n- Incomplete or rough linework\n\n**Skip this step** if the asset clearly shows a finished logo.\n\n```\nask_user_question({\n  questions: [{\n    question: \"Would you like to use this design as-is for mockups, or have me generate a polished logo render from it first?\",\n    header: \"Design\",\n    multiSelect: false,\n    options: [\n      { label: \"Use as-is\", description: \"Go straight to mockup generation with this exact artwork\" },\n      { label: \"Polish it first\", description: \"Create a cleaned-up logo render from this sketch before making mockups\" }\n    ]\n  }]\n})\n```\n\n- **Use as-is** → Use the uploaded image directly as `designAssetUrl`. Proceed to Step 4.\n- **Polish it first** → Generate a polished logo render using `image_generate`. Pass the sketch URL as `options.referenceImage`. Preserve the original concept while cleaning edges, removing paper\u002Fpencil texture, and producing a crisp, production-ready result. Omit `aspectRatio` and `size` because `referenceImage` is present. Use the generated URL as `designAssetUrl` and proceed to Step 4. Do not ask follow-up questions unless the user requests specific changes.\n\n```\nimage_generate({\n  options: {\n    prompt: \"Create a crisp, production-ready logo render from the reference sketch. Preserve the original concept, silhouette, and distinctive marks while removing paper texture, pencil or marker artifacts, rough edges, shadows, and background noise. Keep the result clean and centered on a simple plain background.\",\n    referenceImage: \"\u003CuploadedSketchUrl>\",\n    n: 1,\n    promptReasoner: \"quality\"\n  },\n  outputFileType: \"png\"\n})\n```\n\n**Skip this step only** if the asset is clearly a finished digital file with no ambiguity.\n\n---\n\n### Step 4: Generate Mockups\n\n#### 4a. Build scene language from brand profile\n\nBefore writing any prompts, lock in the following shared constants from the brand profile. Every prompt must use these exact values — do not vary them across mockups:\n\n- **Brand colors** — the hex values inferred or confirmed in Step 2. Use these consistently for backgrounds, surface tints, props, and accents across all scenes.\n- **Brand name** — only include text in mockups if the user explicitly provided a name. Never invent or add a brand name, tagline, or any other text.\n\nUse the confirmed brand profile to define visual language for the scenes. Adapt based on the specific brand — don't copy the table verbatim:\n\n| Vibe | Scene language starting point |\n|---|---|\n| Minimal | Soft studio light, white or pale grey surfaces, clean negative space, no props |\n| Playful | Bright saturated backgrounds matching brand colors, casual angles, fun props |\n| Luxury | Dark rich-toned surfaces (marble, velvet, dark wood), dramatic directional light, gold accents |\n| Bold | Punchy solid-color backgrounds in brand colors, high contrast flat-lay compositions |\n| Earthy \u002F Organic | Natural materials (wood, linen, stone, kraft paper), warm diffused light |\n| Custom | Derive from the user's description |\n\n#### 4b. Write all prompts before generating anything\n\nFor each product, write the mockup prompt before making any tool calls. This ensures visual consistency across the set. **Do not output the prompts to the user — keep them internal.**\n\n**Prompt structure:** Describe the scene and placement — not the design itself. `image_generate` reads the design from `options.referenceImage`.\n\n```\n\"[surface and background from vibe and brand colors], [product description],\n[design placement on product, e.g. 'logo mark on the front face'],\n[scale\u002Fplacement detail, e.g. 'centered, occupying roughly 30% of the face'],\n[lighting style], mockup photography, [props or details that fit brand personality].\nThe logo\u002Fdesign from the reference image must fit naturally on the [product surface] —\nsized and positioned as it would appear on a real product, not floating or oversized.\nUse the design from the reference image.\"\n```\n\nAlways end with *\"Use the design from the reference image.\"* and include the natural-on-surface constraint — this helps the model prioritize `referenceImage` and keeps the design grounded on the product.\n\n**Do not add any text, lettering, brand name, or tagline** to the scene or product unless the user explicitly provided a name in their message. If no name was given, the design from the reference image is the only branding — no additional text of any kind.\n\n#### 4c. Pilot mockup — validate direction before generating the full set\n\nGenerate the **first product only**. Always pass `designAssetUrl` as `options.referenceImage`. Do not pass `aspectRatio` or `size` in this call:\n\n```\nimage_generate({\n  options: {\n    prompt: \"\u003Cmockup prompt from 4b>\",\n    referenceImage: \"\u003CdesignAssetUrl>\",\n    n: 1,\n    promptReasoner: \"quality\"\n  },\n  outputFileType: \"png\"\n})\n```\n\nSave the output URL as the first mockup URL. Also save any Firefly generation URN or asset ID returned by the tool; use it later for the board if available.\n\n**If the call fails:** Stop. Do not fall back to describing the design in the prompt. Tell the user:\n\n> \"Mockup generation isn't working — this may be a platform limitation or an authentication issue. Please check your plan or try re-authenticating.\"\n\n**Show the pilot mockup and checkpoint:**\n\n```\nHere's a pilot [product name] mockup. Does the direction feel right?\n- Scene \u002F lighting \u002F surfaces ✓\u002F✗\n- Design placement and scale ✓\u002F✗\n- Overall vibe ✓\u002F✗\n\nSay the word and I'll generate the rest, or tell me what to adjust first.\n```\n\n**Do not generate remaining mockups until the user approves the pilot.**\n\n### 5. Generate remaining mockups\n\n**If the user approved the pilot with no changes:** use the prompts written in Step 4b exactly as-is for all remaining products. Do not rewrite or re-derive them.\n\n**If the user requested changes during the pilot checkpoint:** update all prompts from Step 4b to reflect those changes, then regenerate the entire set — including the pilot product. Do not carry forward the original pilot image; every mockup in the final set should be generated from the same updated prompt language.\n\nAlways pass `designAssetUrl` as `options.referenceImage` on every call, and omit `aspectRatio` and `size` on those referenced calls. **Call `image_generate` for all remaining products in parallel — do not call them sequentially.** Issue all calls at once, up to 5 at a time. If rate-limited, reduce batch size and retry the remaining ones together. Track progress in a manifest:\n\n```\nmockups = {\n  [product_1]: { url: \"\u003CoutputUrl>\", assetId: \"\u003CgenerationUrn-or-assetId-if-returned>\" },\n  [product_2]: { url: \"\u003CoutputUrl>\", assetId: \"\u003CgenerationUrn-or-assetId-if-returned>\" },\n  ...\n}\n```\n\nDo not display any mockups here. Wait until all products are generated, then deliver the full set together in Step 6.\n\n---\n\n### Step 6: Deliver\n\nDisplay all mockups together in a single delivery — including the pilot. Do not split output across messages or show mockups as they are generated. Wait until the full set is complete, then display everything at once.\n\n#### Iteration options\n\nAfter delivery, always offer:\n\n```\nWant to refine anything?\n- Redo a mockup → \"Redo the mug with a darker background\"\n- Try out different vibes → \"Try luxury feel instead\"\n- Add or swap a product → \"Add a tote bag\" \u002F \"Replace the hat with a hoodie\"\n- Adjust design placement → \"Move the logo to the left chest on the shirt\"\n```\n\nWhen the user requests a refinement, re-enter the pipeline at the appropriate step using the existing `designAssetUrl` — no need to re-review the design unless they ask.\n\n---\n\n### Step 7: Create Firefly Board\n\nCreate a Firefly Board, then add the final mockups to it. Never invent a `boardId`.\n\n```\nboards_create_new_board({\n  doc_name: \"\u003CBrand or project name> mockups\"\n})\n```\n\nSave the returned `boardId`, then add the mockups. Prefer generation IDs\u002FURNs when the generation result provides them:\n\n```\nboards_add_items_to_board({\n  board_id: \"\u003CboardId>\",\n  items: [\n    {\n      type: \"generationUrn\",\n      assetIds: [\n        \"\u003CgenerationUrn_or_assetId_image1>\",\n        \"\u003CgenerationUrn_or_assetId_image2>\"\n      ]\n    }\n  ]\n})\n```\n\nIf the generation result only provides HTTPS output URLs, use `presignedUrl` instead:\n\n```\nboards_add_items_to_board({\n  board_id: \"\u003CboardId>\",\n  items: [\n    {\n      type: \"presignedUrl\",\n      urls: [\n        \"\u003CoutputUrl_image1>\",\n        \"\u003CoutputUrl_image2>\"\n      ]\n    }\n  ]\n})\n```\n\nUse one `boards_add_items_to_board` call when there are 1-12 mockups. If there are more than 12, split them into sequential batches and reuse the same `boardId`.\n\nOnly include successful mockups. Do not recap or re-display the mockups here. After `boards_add_items_to_board` succeeds, create the user-facing Firefly Board link by calling `asset_share_link` with the returned `boardId` as `assetId`. Do not invent or derive the URL manually.\n\n```json\nasset_share_link({\n  \"assetId\": \"\u003CboardId>\"\n})\n```\n\nOmit `changeAccess` and `accessLevel` unless the user explicitly asks to change who can access the board. Present the returned `url` as a Markdown link.\n\n```markdown\nYour mockups are saved to a Firefly Board: [\u003Cboard name>](\u003Curl>)\n```\n\nIf `asset_share_link` fails, present the `boardId` and say the board was created but a share link could not be generated.\n\n---\n\n## Error Handling\n\n| Situation | Action |\n|---|---|\n| No image uploaded | Ask the user to upload their design or sketch |\n| `image_generate` fails on the pilot, or fails for every product in a batch | Stop. Flag the limitation clearly. Do not fall back to prompt-based design description. |\n| `image_generate` fails for one or more products during the batch (not all) | Skip the failed products, note them explicitly, and deliver the rest. Never skip silently. |\n| Rate limit on `image_generate` | Reduce batch size and continue — do not stop or switch tools |\n| `boards_create_new_board` fails | Retry once for 503\u002F504\u002F500\u002F502. Do not retry 400\u002F401 without changing the input\u002Fauth. If it still fails, note it; inline images in Step 6 are still the deliverable. |\n| `boards_add_items_to_board` returns 201 partial success | Treat as success for the added items. Re-send only the failed items after fixing the named cause. |\n| `boards_add_items_to_board` fails | Retry once for 503\u002F504. For 404, create a new board and retry once. For 400\u002F401\u002F415, fix the request\u002Fauth instead of retrying unchanged. Inline images in Step 6 are still the deliverable. |\n\n---\n\n## Important Constraints\n\n- **Only ask whether to use as-is or polish first for sketches and unclear designs** — skip straight to generation for clean, production-ready digital files\n- **Always get pilot approval** before generating the full set\n- **Always pass `designAssetUrl` as `options.referenceImage`** on every referenced `image_generate` call — never describe the design in text as a substitute\n- **Never pass `aspectRatio` or `size` with `referenceImage`** — include shape\u002Fcomposition requirements in the prompt instead\n- **Never silently degrade** — if generation fails, stop and flag rather than falling back to a prompt description\n- **Rate limits**: Generate at most 5 images per turn. If rate-limited, reduce batch size and retry.\n- The final deliverables are the mockup images — display them inline\n- Keep the brand vibe consistent across all prompts — use the same scene language throughout\n- **Never output prompts to the user** — prompts are internal working documents only\n- **No commentary on quality** — do not comment on logo or mockup quality. Only surface information the user needs (brand analysis, the images, the checkpoint question, the board link, and iteration options).\n",{"data":34,"body":41},{"name":4,"description":6,"allowed-tools":35,"license":25,"metadata":36},"adobe_mandatory_init asset_share_link boards_add_items_to_board boards_create_new_board image_generate",{"version":37,"visibility":38,"surface":39},"0.1.0","public",[40],"codex",{"type":42,"children":43},"root",[44,53,68,72,79,260,271,342,345,351,438,441,447,453,465,561,564,570,575,580,590,628,637,640,646,653,658,807,814,932,937,943,962,972,1090,1095,1104,1109,1201,1204,1210,1222,1260,1270,1279,1352,1361,1371,1374,1380,1386,1391,1412,1417,1510,1516,1526,1549,1558,1577,1587,1593,1632,1641,1646,1656,1665,1673,1682,1690,1696,1706,1716,1760,1769,1774,1777,1783,1788,1794,1799,1808,1820,1823,1829,1840,1849,1861,1870,1883,1892,1910,1943,2013,2041,2083,2102,2105,2111,2253,2256,2262,2389],{"type":45,"tag":46,"props":47,"children":49},"element","h1",{"id":48},"create-mockups",[50],{"type":51,"value":52},"text","Create Mockups",{"type":45,"tag":54,"props":55,"children":56},"p",{},[57,59,66],{"type":51,"value":58},"Takes a logo sketch, clean logo image, or broader design asset and produces a suite of product mockups styled to a desired brand vibe. The design is always passed to ",{"type":45,"tag":60,"props":61,"children":63},"code",{"className":62},[],[64],{"type":51,"value":65},"image_generate",{"type":51,"value":67}," as a reference image — never described in text as a substitute. Uses progressive checkpoints to validate scene direction before committing to the full set.",{"type":45,"tag":69,"props":70,"children":71},"hr",{},[],{"type":45,"tag":73,"props":74,"children":76},"h2",{"id":75},"tool-reference",[77],{"type":51,"value":78},"Tool Reference",{"type":45,"tag":80,"props":81,"children":82},"table",{},[83,107],{"type":45,"tag":84,"props":85,"children":86},"thead",{},[87],{"type":45,"tag":88,"props":89,"children":90},"tr",{},[91,97,102],{"type":45,"tag":92,"props":93,"children":94},"th",{},[95],{"type":51,"value":96},"Step",{"type":45,"tag":92,"props":98,"children":99},{},[100],{"type":51,"value":101},"Tool",{"type":45,"tag":92,"props":103,"children":104},{},[105],{"type":51,"value":106},"Notes",{"type":45,"tag":108,"props":109,"children":110},"tbody",{},[111,134,183,211,232],{"type":45,"tag":88,"props":112,"children":113},{},[114,120,129],{"type":45,"tag":115,"props":116,"children":117},"td",{},[118],{"type":51,"value":119},"0",{"type":45,"tag":115,"props":121,"children":122},{},[123],{"type":45,"tag":60,"props":124,"children":126},{"className":125},[],[127],{"type":51,"value":128},"adobe_mandatory_init",{"type":45,"tag":115,"props":130,"children":131},{},[132],{"type":51,"value":133},"File-handling and routing rules; call first",{"type":45,"tag":88,"props":135,"children":136},{},[137,142,150],{"type":45,"tag":115,"props":138,"children":139},{},[140],{"type":51,"value":141},"1 - 5",{"type":45,"tag":115,"props":143,"children":144},{},[145],{"type":45,"tag":60,"props":146,"children":148},{"className":147},[],[149],{"type":51,"value":65},{"type":45,"tag":115,"props":151,"children":152},{},[153,155,161,163,168,170,181],{"type":51,"value":154},"Generate designs from scratch, polish sketches into clean logos with ",{"type":45,"tag":60,"props":156,"children":158},{"className":157},[],[159],{"type":51,"value":160},"referenceImage",{"type":51,"value":162},", and generate mockup scenes with the design as ",{"type":45,"tag":60,"props":164,"children":166},{"className":165},[],[167],{"type":51,"value":160},{"type":51,"value":169},". See ",{"type":45,"tag":171,"props":172,"children":173},"strong",{},[174,179],{"type":45,"tag":60,"props":175,"children":177},{"className":176},[],[178],{"type":51,"value":65},{"type":51,"value":180}," Call Rules",{"type":51,"value":182}," below.",{"type":45,"tag":88,"props":184,"children":185},{},[186,191,200],{"type":45,"tag":115,"props":187,"children":188},{},[189],{"type":51,"value":190},"7",{"type":45,"tag":115,"props":192,"children":193},{},[194],{"type":45,"tag":60,"props":195,"children":197},{"className":196},[],[198],{"type":51,"value":199},"boards_create_new_board",{"type":45,"tag":115,"props":201,"children":202},{},[203,205],{"type":51,"value":204},"create a Firefly Board and return its ",{"type":45,"tag":60,"props":206,"children":208},{"className":207},[],[209],{"type":51,"value":210},"boardId",{"type":45,"tag":88,"props":212,"children":213},{},[214,218,227],{"type":45,"tag":115,"props":215,"children":216},{},[217],{"type":51,"value":190},{"type":45,"tag":115,"props":219,"children":220},{},[221],{"type":45,"tag":60,"props":222,"children":224},{"className":223},[],[225],{"type":51,"value":226},"boards_add_items_to_board",{"type":45,"tag":115,"props":228,"children":229},{},[230],{"type":51,"value":231},"add final mockup images to the Firefly Board",{"type":45,"tag":88,"props":233,"children":234},{},[235,239,248],{"type":45,"tag":115,"props":236,"children":237},{},[238],{"type":51,"value":190},{"type":45,"tag":115,"props":240,"children":241},{},[242],{"type":45,"tag":60,"props":243,"children":245},{"className":244},[],[246],{"type":51,"value":247},"asset_share_link",{"type":45,"tag":115,"props":249,"children":250},{},[251,253,258],{"type":51,"value":252},"convert the returned Firefly Board ",{"type":45,"tag":60,"props":254,"children":256},{"className":255},[],[257],{"type":51,"value":210},{"type":51,"value":259}," into a shareable Firefly Board URL",{"type":45,"tag":261,"props":262,"children":264},"h3",{"id":263},"image_generate-call-rules",[265,270],{"type":45,"tag":60,"props":266,"children":268},{"className":267},[],[269],{"type":51,"value":65},{"type":51,"value":180},{"type":45,"tag":272,"props":273,"children":274},"ul",{},[275,289,302,330],{"type":45,"tag":276,"props":277,"children":278},"li",{},[279,281,287],{"type":51,"value":280},"Pass all generation settings inside ",{"type":45,"tag":60,"props":282,"children":284},{"className":283},[],[285],{"type":51,"value":286},"options",{"type":51,"value":288},".",{"type":45,"tag":276,"props":290,"children":291},{},[292,294,300],{"type":51,"value":293},"Use ",{"type":45,"tag":60,"props":295,"children":297},{"className":296},[],[298],{"type":51,"value":299},"options.referenceImage: \"\u003CdesignAssetUrl>\"",{"type":51,"value":301}," whenever generating from an uploaded or previously generated design.",{"type":45,"tag":276,"props":303,"children":304},{},[305,307,312,314,320,322,328],{"type":51,"value":306},"Do not combine ",{"type":45,"tag":60,"props":308,"children":310},{"className":309},[],[311],{"type":51,"value":160},{"type":51,"value":313}," with ",{"type":45,"tag":60,"props":315,"children":317},{"className":316},[],[318],{"type":51,"value":319},"aspectRatio",{"type":51,"value":321}," or ",{"type":45,"tag":60,"props":323,"children":325},{"className":324},[],[326],{"type":51,"value":327},"size",{"type":51,"value":329},"; express the intended composition in the prompt instead.",{"type":45,"tag":276,"props":331,"children":332},{},[333,334,340],{"type":51,"value":293},{"type":45,"tag":60,"props":335,"children":337},{"className":336},[],[338],{"type":51,"value":339},"outputFileType: \"png\"",{"type":51,"value":341}," unless the user explicitly requests JPEG.",{"type":45,"tag":69,"props":343,"children":344},{},[],{"type":45,"tag":73,"props":346,"children":348},{"id":347},"high-level-pipeline",[349],{"type":51,"value":350},"High-Level Pipeline",{"type":45,"tag":352,"props":353,"children":354},"ol",{},[355,365,375,393,408,418,428],{"type":45,"tag":276,"props":356,"children":357},{},[358,363],{"type":45,"tag":171,"props":359,"children":360},{},[361],{"type":51,"value":362},"Get the design",{"type":51,"value":364}," — If no design was provided, ask to upload or create one from scratch",{"type":45,"tag":276,"props":366,"children":367},{},[368,373],{"type":45,"tag":171,"props":369,"children":370},{},[371],{"type":51,"value":372},"Brand profile",{"type":51,"value":374}," — Infer brand direction from the design and only ask for missing output choices",{"type":45,"tag":276,"props":376,"children":377},{},[378,383,385,391],{"type":45,"tag":171,"props":379,"children":380},{},[381],{"type":51,"value":382},"Review design",{"type":51,"value":384}," ",{"type":45,"tag":386,"props":387,"children":388},"em",{},[389],{"type":51,"value":390},"(sketches and unclear designs only)",{"type":51,"value":392}," — Ask whether to use as-is or polish first; skip for clean digital assets",{"type":45,"tag":276,"props":394,"children":395},{},[396,401,403],{"type":45,"tag":171,"props":397,"children":398},{},[399],{"type":51,"value":400},"Pilot mockup",{"type":51,"value":402}," — Generate one mockup to validate scene direction → ",{"type":45,"tag":171,"props":404,"children":405},{},[406],{"type":51,"value":407},"get approval before continuing",{"type":45,"tag":276,"props":409,"children":410},{},[411,416],{"type":45,"tag":171,"props":412,"children":413},{},[414],{"type":51,"value":415},"Generate remaining mockups",{"type":51,"value":417}," — Complete the full set (max 5 per turn)",{"type":45,"tag":276,"props":419,"children":420},{},[421,426],{"type":45,"tag":171,"props":422,"children":423},{},[424],{"type":51,"value":425},"Deliver",{"type":51,"value":427}," — Display all mockups inline with iteration options",{"type":45,"tag":276,"props":429,"children":430},{},[431,436],{"type":45,"tag":171,"props":432,"children":433},{},[434],{"type":51,"value":435},"Firefly Board",{"type":51,"value":437}," — Create a Firefly Board, add the final mockup images, and return the shareable board link",{"type":45,"tag":69,"props":439,"children":440},{},[],{"type":45,"tag":73,"props":442,"children":444},{"id":443},"workflow",[445],{"type":51,"value":446},"Workflow",{"type":45,"tag":261,"props":448,"children":450},{"id":449},"step-0-initialize-adobe-tools",[451],{"type":51,"value":452},"Step 0: Initialize Adobe Tools",{"type":45,"tag":54,"props":454,"children":455},{},[456,458,463],{"type":51,"value":457},"Call ",{"type":45,"tag":60,"props":459,"children":461},{"className":460},[],[462],{"type":51,"value":128},{"type":51,"value":464}," first. This returns file handling rules and tool routing guidance required for the rest of the workflow.",{"type":45,"tag":466,"props":467,"children":472},"pre",{"className":468,"code":469,"language":470,"meta":471,"style":471},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{ \"skill_name\": \"adobe-create-mockups\", \"skill_version\": \"0.1.0\" }\n","json","",[473],{"type":45,"tag":60,"props":474,"children":475},{"__ignoreMap":471},[476],{"type":45,"tag":477,"props":478,"children":481},"span",{"class":479,"line":480},"line",1,[482,488,493,499,504,509,513,518,522,527,531,536,540,544,548,552,556],{"type":45,"tag":477,"props":483,"children":485},{"style":484},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[486],{"type":51,"value":487},"{",{"type":45,"tag":477,"props":489,"children":490},{"style":484},[491],{"type":51,"value":492}," \"",{"type":45,"tag":477,"props":494,"children":496},{"style":495},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[497],{"type":51,"value":498},"skill_name",{"type":45,"tag":477,"props":500,"children":501},{"style":484},[502],{"type":51,"value":503},"\"",{"type":45,"tag":477,"props":505,"children":506},{"style":484},[507],{"type":51,"value":508},":",{"type":45,"tag":477,"props":510,"children":511},{"style":484},[512],{"type":51,"value":492},{"type":45,"tag":477,"props":514,"children":516},{"style":515},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[517],{"type":51,"value":4},{"type":45,"tag":477,"props":519,"children":520},{"style":484},[521],{"type":51,"value":503},{"type":45,"tag":477,"props":523,"children":524},{"style":484},[525],{"type":51,"value":526},",",{"type":45,"tag":477,"props":528,"children":529},{"style":484},[530],{"type":51,"value":492},{"type":45,"tag":477,"props":532,"children":533},{"style":495},[534],{"type":51,"value":535},"skill_version",{"type":45,"tag":477,"props":537,"children":538},{"style":484},[539],{"type":51,"value":503},{"type":45,"tag":477,"props":541,"children":542},{"style":484},[543],{"type":51,"value":508},{"type":45,"tag":477,"props":545,"children":546},{"style":484},[547],{"type":51,"value":492},{"type":45,"tag":477,"props":549,"children":550},{"style":515},[551],{"type":51,"value":37},{"type":45,"tag":477,"props":553,"children":554},{"style":484},[555],{"type":51,"value":503},{"type":45,"tag":477,"props":557,"children":558},{"style":484},[559],{"type":51,"value":560}," }\n",{"type":45,"tag":69,"props":562,"children":563},{},[],{"type":45,"tag":261,"props":565,"children":567},{"id":566},"step-1-get-the-design",[568],{"type":51,"value":569},"Step 1: Get the Design",{"type":45,"tag":54,"props":571,"children":572},{},[573],{"type":51,"value":574},"If the user already provided a design asset in their message, skip this step and proceed to Step 2.",{"type":45,"tag":54,"props":576,"children":577},{},[578],{"type":51,"value":579},"If no design was provided:",{"type":45,"tag":466,"props":581,"children":585},{"className":582,"code":584,"language":51},[583],"language-text","ask_user_question({\n  questions: [{\n    question: \"Do you already have a logo or design, or would you like to create one?\",\n    header: \"Design\",\n    multiSelect: false,\n    options: [\n      { label: \"Upload my design\", description: \"I have a logo or design ready to use\" },\n      { label: \"Create a design\", description: \"Help me design something from scratch\" }\n    ]\n  }]\n})\n",[586],{"type":45,"tag":60,"props":587,"children":588},{"__ignoreMap":471},[589],{"type":51,"value":584},{"type":45,"tag":272,"props":591,"children":592},{},[593,603],{"type":45,"tag":276,"props":594,"children":595},{},[596,601],{"type":45,"tag":171,"props":597,"children":598},{},[599],{"type":51,"value":600},"Upload my design",{"type":51,"value":602}," → User uploads their design. Proceed to Step 2.",{"type":45,"tag":276,"props":604,"children":605},{},[606,611,613,618,620,626],{"type":45,"tag":171,"props":607,"children":608},{},[609],{"type":51,"value":610},"Create a design",{"type":51,"value":612}," → Ask what they're envisioning (brand name, style, colors, any inspiration). Generate using ",{"type":45,"tag":60,"props":614,"children":616},{"className":615},[],[617],{"type":51,"value":65},{"type":51,"value":619},", show the result, and iterate until they're happy. Use the approved generation URL as ",{"type":45,"tag":60,"props":621,"children":623},{"className":622},[],[624],{"type":51,"value":625},"designAssetUrl",{"type":51,"value":627},". Proceed to Step 2.",{"type":45,"tag":466,"props":629,"children":632},{"className":630,"code":631,"language":51},[583],"image_generate({\n  options: {\n    prompt: \"\u003Cdesign generation prompt>\",\n    aspectRatio: \"1:1\",\n    n: 1,\n    promptReasoner: \"quality\"\n  },\n  outputFileType: \"png\"\n})\n",[633],{"type":45,"tag":60,"props":634,"children":635},{"__ignoreMap":471},[636],{"type":51,"value":631},{"type":45,"tag":69,"props":638,"children":639},{},[],{"type":45,"tag":261,"props":641,"children":643},{"id":642},"step-2-brand-profile",[644],{"type":51,"value":645},"Step 2: Brand Profile",{"type":45,"tag":647,"props":648,"children":650},"h4",{"id":649},"_2a-collect-inputs",[651],{"type":51,"value":652},"2a. Collect inputs",{"type":45,"tag":54,"props":654,"children":655},{},[656],{"type":51,"value":657},"Extract everything you can from the user's message and the design itself. Default to inference over interrogation. Ask only for what's genuinely missing, and prefer a single structured question page over multiple rounds of Q&A.",{"type":45,"tag":80,"props":659,"children":660},{},[661,677],{"type":45,"tag":84,"props":662,"children":663},{},[664],{"type":45,"tag":88,"props":665,"children":666},{},[667,672],{"type":45,"tag":92,"props":668,"children":669},{},[670],{"type":51,"value":671},"Input",{"type":45,"tag":92,"props":673,"children":674},{},[675],{"type":51,"value":676},"How to get it",{"type":45,"tag":108,"props":678,"children":679},{},[680,696,712,751,767,783],{"type":45,"tag":88,"props":681,"children":682},{},[683,691],{"type":45,"tag":115,"props":684,"children":685},{},[686],{"type":45,"tag":171,"props":687,"children":688},{},[689],{"type":51,"value":690},"Design image",{"type":45,"tag":115,"props":692,"children":693},{},[694],{"type":51,"value":695},"User uploads directly to chat",{"type":45,"tag":88,"props":697,"children":698},{},[699,707],{"type":45,"tag":115,"props":700,"children":701},{},[702],{"type":45,"tag":171,"props":703,"children":704},{},[705],{"type":51,"value":706},"Brand name",{"type":45,"tag":115,"props":708,"children":709},{},[710],{"type":51,"value":711},"Infer from filename or message for internal reference only (e.g. labeling outputs). Only treat a name as explicitly provided — and eligible to render as text in mockups — if the user stated it directly in their message.",{"type":45,"tag":88,"props":713,"children":714},{},[715,723],{"type":45,"tag":115,"props":716,"children":717},{},[718],{"type":45,"tag":171,"props":719,"children":720},{},[721],{"type":51,"value":722},"Brand colors",{"type":45,"tag":115,"props":724,"children":725},{},[726,728,734,736,742,743,749],{"type":51,"value":727},"Infer from the design if it has clear colors. Otherwise improvise and fall back to neutral tones (",{"type":45,"tag":60,"props":729,"children":731},{"className":730},[],[732],{"type":51,"value":733},"#FFFFFF",{"type":51,"value":735},", ",{"type":45,"tag":60,"props":737,"children":739},{"className":738},[],[740],{"type":51,"value":741},"#111111",{"type":51,"value":735},{"type":45,"tag":60,"props":744,"children":746},{"className":745},[],[747],{"type":51,"value":748},"#E8E4DC",{"type":51,"value":750},").",{"type":45,"tag":88,"props":752,"children":753},{},[754,762],{"type":45,"tag":115,"props":755,"children":756},{},[757],{"type":45,"tag":171,"props":758,"children":759},{},[760],{"type":51,"value":761},"Brand vibe",{"type":45,"tag":115,"props":763,"children":764},{},[765],{"type":51,"value":766},"Infer from the design style and any context clues (e.g. a sleek monogram → Minimal, a bold illustrated character → Playful). Do not ask a dedicated vibe question unless the direction is genuinely ambiguous.",{"type":45,"tag":88,"props":768,"children":769},{},[770,778],{"type":45,"tag":115,"props":771,"children":772},{},[773],{"type":45,"tag":171,"props":774,"children":775},{},[776],{"type":51,"value":777},"Mockup selection",{"type":45,"tag":115,"props":779,"children":780},{},[781],{"type":51,"value":782},"If the user already named products, use those. Otherwise ask once using a single structured product picker. If no preference is given, default to a standard set (mug, business card, t-shirt, phone screen).",{"type":45,"tag":88,"props":784,"children":785},{},[786,794],{"type":45,"tag":115,"props":787,"children":788},{},[789],{"type":45,"tag":171,"props":790,"children":791},{},[792],{"type":51,"value":793},"Aspect ratio",{"type":45,"tag":115,"props":795,"children":796},{},[797,799,805],{"type":51,"value":798},"If the user specified one, use it. If they specified products but not aspect ratio, default to square (",{"type":45,"tag":60,"props":800,"children":802},{"className":801},[],[803],{"type":51,"value":804},"1:1",{"type":51,"value":806},") or infer a better fit from product type. Only ask when aspect ratio is important and cannot be safely inferred.",{"type":45,"tag":808,"props":809,"children":811},"h5",{"id":810},"brand-vibe-reference",[812],{"type":51,"value":813},"Brand vibe reference",{"type":45,"tag":80,"props":815,"children":816},{},[817,833],{"type":45,"tag":84,"props":818,"children":819},{},[820],{"type":45,"tag":88,"props":821,"children":822},{},[823,828],{"type":45,"tag":92,"props":824,"children":825},{},[826],{"type":51,"value":827},"Vibe",{"type":45,"tag":92,"props":829,"children":830},{},[831],{"type":51,"value":832},"Description",{"type":45,"tag":108,"props":834,"children":835},{},[836,852,868,884,900,916],{"type":45,"tag":88,"props":837,"children":838},{},[839,847],{"type":45,"tag":115,"props":840,"children":841},{},[842],{"type":45,"tag":171,"props":843,"children":844},{},[845],{"type":51,"value":846},"Minimal",{"type":45,"tag":115,"props":848,"children":849},{},[850],{"type":51,"value":851},"Clean white\u002Flight backgrounds, generous whitespace, muted palette",{"type":45,"tag":88,"props":853,"children":854},{},[855,863],{"type":45,"tag":115,"props":856,"children":857},{},[858],{"type":45,"tag":171,"props":859,"children":860},{},[861],{"type":51,"value":862},"Playful",{"type":45,"tag":115,"props":864,"children":865},{},[866],{"type":51,"value":867},"Bright colors, casual settings, energetic product photography feel",{"type":45,"tag":88,"props":869,"children":870},{},[871,879],{"type":45,"tag":115,"props":872,"children":873},{},[874],{"type":45,"tag":171,"props":875,"children":876},{},[877],{"type":51,"value":878},"Luxury",{"type":45,"tag":115,"props":880,"children":881},{},[882],{"type":51,"value":883},"Dark or gold backgrounds, dramatic lighting, premium materials",{"type":45,"tag":88,"props":885,"children":886},{},[887,895],{"type":45,"tag":115,"props":888,"children":889},{},[890],{"type":45,"tag":171,"props":891,"children":892},{},[893],{"type":51,"value":894},"Bold",{"type":45,"tag":115,"props":896,"children":897},{},[898],{"type":51,"value":899},"High contrast, strong colors, graphic and commanding",{"type":45,"tag":88,"props":901,"children":902},{},[903,911],{"type":45,"tag":115,"props":904,"children":905},{},[906],{"type":45,"tag":171,"props":907,"children":908},{},[909],{"type":51,"value":910},"Earthy \u002F Organic",{"type":45,"tag":115,"props":912,"children":913},{},[914],{"type":51,"value":915},"Natural textures (wood, linen, stone), warm tones, lifestyle feel",{"type":45,"tag":88,"props":917,"children":918},{},[919,927],{"type":45,"tag":115,"props":920,"children":921},{},[922],{"type":45,"tag":171,"props":923,"children":924},{},[925],{"type":51,"value":926},"Custom",{"type":45,"tag":115,"props":928,"children":929},{},[930],{"type":51,"value":931},"User describes their own",{"type":45,"tag":54,"props":933,"children":934},{},[935],{"type":51,"value":936},"If everything is clear from the message and design, skip directly to Step 3 without asking anything.",{"type":45,"tag":647,"props":938,"children":940},{"id":939},"_2b-product-and-aspect-ratio-intake",[941],{"type":51,"value":942},"2b. Product and aspect-ratio intake",{"type":45,"tag":54,"props":944,"children":945},{},[946,947,953,955,960],{"type":51,"value":293},{"type":45,"tag":60,"props":948,"children":950},{"className":949},[],[951],{"type":51,"value":952},"ask_user_question",{"type":51,"value":954}," only if the user has ",{"type":45,"tag":171,"props":956,"children":957},{},[958],{"type":51,"value":959},"not",{"type":51,"value":961}," already specified which mockups they want. Keep it to a single page that combines product suggestions with aspect-ratio choices.",{"type":45,"tag":54,"props":963,"children":964},{},[965,970],{"type":45,"tag":171,"props":966,"children":967},{},[968],{"type":51,"value":969},"Product options must be tailored to the brand.",{"type":51,"value":971}," Infer the most fitting products from the design, brand name, vibe, and any context the user provided. Use the examples below as a guide — not a fixed list:",{"type":45,"tag":80,"props":973,"children":974},{},[975,991],{"type":45,"tag":84,"props":976,"children":977},{},[978],{"type":45,"tag":88,"props":979,"children":980},{},[981,986],{"type":45,"tag":92,"props":982,"children":983},{},[984],{"type":51,"value":985},"Brand type",{"type":45,"tag":92,"props":987,"children":988},{},[989],{"type":51,"value":990},"Good product suggestions",{"type":45,"tag":108,"props":992,"children":993},{},[994,1007,1020,1033,1046,1059,1072],{"type":45,"tag":88,"props":995,"children":996},{},[997,1002],{"type":45,"tag":115,"props":998,"children":999},{},[1000],{"type":51,"value":1001},"Streetwear \u002F skate",{"type":45,"tag":115,"props":1003,"children":1004},{},[1005],{"type":51,"value":1006},"Hoodie, snapback, skateboard deck, tote bag, sticker sheet",{"type":45,"tag":88,"props":1008,"children":1009},{},[1010,1015],{"type":45,"tag":115,"props":1011,"children":1012},{},[1013],{"type":51,"value":1014},"Food \u002F beverage",{"type":45,"tag":115,"props":1016,"children":1017},{},[1018],{"type":51,"value":1019},"Coffee mug, takeaway cup, tote bag, apron, business card",{"type":45,"tag":88,"props":1021,"children":1022},{},[1023,1028],{"type":45,"tag":115,"props":1024,"children":1025},{},[1026],{"type":51,"value":1027},"Kitchenware \u002F home",{"type":45,"tag":115,"props":1029,"children":1030},{},[1031],{"type":51,"value":1032},"Plate, mug, tea towel, tote bag, business card",{"type":45,"tag":88,"props":1034,"children":1035},{},[1036,1041],{"type":45,"tag":115,"props":1037,"children":1038},{},[1039],{"type":51,"value":1040},"Tech \u002F SaaS",{"type":45,"tag":115,"props":1042,"children":1043},{},[1044],{"type":51,"value":1045},"Phone screen, laptop sticker, notebook, t-shirt, business card",{"type":45,"tag":88,"props":1047,"children":1048},{},[1049,1054],{"type":45,"tag":115,"props":1050,"children":1051},{},[1052],{"type":51,"value":1053},"Beauty \u002F wellness",{"type":45,"tag":115,"props":1055,"children":1056},{},[1057],{"type":51,"value":1058},"Label\u002Fbottle, tote bag, business card, mirror card, poster",{"type":45,"tag":88,"props":1060,"children":1061},{},[1062,1067],{"type":45,"tag":115,"props":1063,"children":1064},{},[1065],{"type":51,"value":1066},"Creative studio",{"type":45,"tag":115,"props":1068,"children":1069},{},[1070],{"type":51,"value":1071},"Poster, business card, notebook, tote bag, phone screen",{"type":45,"tag":88,"props":1073,"children":1074},{},[1075,1080],{"type":45,"tag":115,"props":1076,"children":1077},{},[1078],{"type":51,"value":1079},"Generic \u002F unclear",{"type":45,"tag":115,"props":1081,"children":1082},{},[1083,1085],{"type":51,"value":1084},"Coffee mug, t-shirt, business card, phone screen ",{"type":45,"tag":386,"props":1086,"children":1087},{},[1088],{"type":51,"value":1089},"(fallback defaults)",{"type":45,"tag":54,"props":1091,"children":1092},{},[1093],{"type":51,"value":1094},"Always offer 4–5 product options. Tailor the descriptions to feel relevant to the brand. The fallback defaults (mug, t-shirt, business card, phone screen) should only be used when there is genuinely no brand context to work from.",{"type":45,"tag":466,"props":1096,"children":1099},{"className":1097,"code":1098,"language":51},[583],"ask_user_question({\n  questions: [\n    {\n      question: \"Which mockups should I make first?\",\n      header: \"Products\",\n      multiSelect: true,\n      options: [\n        \u002F\u002F 4-5 brand-appropriate products inferred from context\n      ]\n    },\n    {\n      question: \"What image shape should I use?\",\n      header: \"Ratio\",\n      multiSelect: false,\n      options: [\n        { label: \"Square\", description: \"Best default for most product mockups and portfolios\" },\n        { label: \"Landscape\", description: \"Better for presentation slides and wider scenes\" },\n        { label: \"Vertical\", description: \"Better for mobile-first or poster-style layouts\" },\n        { label: \"Auto\", description: \"Pick the most natural ratio for each mockup automatically\" }\n      ]\n    }\n  ]\n})\n",[1100],{"type":45,"tag":60,"props":1101,"children":1102},{"__ignoreMap":471},[1103],{"type":51,"value":1098},{"type":45,"tag":54,"props":1105,"children":1106},{},[1107],{"type":51,"value":1108},"Rules:",{"type":45,"tag":272,"props":1110,"children":1111},{},[1112,1117,1129,1161,1191,1196],{"type":45,"tag":276,"props":1113,"children":1114},{},[1115],{"type":51,"value":1116},"If the user already specified products, skip the product question.",{"type":45,"tag":276,"props":1118,"children":1119},{},[1120,1122,1127],{"type":51,"value":1121},"If the user already specified products but not aspect ratio, default to ",{"type":45,"tag":60,"props":1123,"children":1125},{"className":1124},[],[1126],{"type":51,"value":804},{"type":51,"value":1128}," unless the product strongly suggests another format.",{"type":45,"tag":276,"props":1130,"children":1131},{},[1132,1134,1139,1140,1145,1147,1152,1154,1159],{"type":51,"value":1133},"For referenced mockups, use the chosen ratio as prompt guidance only (for example, \"square studio composition\"). Do not pass ",{"type":45,"tag":60,"props":1135,"children":1137},{"className":1136},[],[1138],{"type":51,"value":319},{"type":51,"value":321},{"type":45,"tag":60,"props":1141,"children":1143},{"className":1142},[],[1144],{"type":51,"value":327},{"type":51,"value":1146}," to ",{"type":45,"tag":60,"props":1148,"children":1150},{"className":1149},[],[1151],{"type":51,"value":65},{"type":51,"value":1153}," when ",{"type":45,"tag":60,"props":1155,"children":1157},{"className":1156},[],[1158],{"type":51,"value":160},{"type":51,"value":1160}," is present.",{"type":45,"tag":276,"props":1162,"children":1163},{},[1164,1165,1171,1173],{"type":51,"value":293},{"type":45,"tag":60,"props":1166,"children":1168},{"className":1167},[],[1169],{"type":51,"value":1170},"Auto",{"type":51,"value":1172}," behavior by default when product type clearly implies a better composition:\n",{"type":45,"tag":272,"props":1174,"children":1175},{},[1176,1181,1186],{"type":45,"tag":276,"props":1177,"children":1178},{},[1179],{"type":51,"value":1180},"phone screen \u002F poster → vertical is often more natural",{"type":45,"tag":276,"props":1182,"children":1183},{},[1184],{"type":51,"value":1185},"billboard \u002F website hero \u002F presentation scene → landscape is often more natural",{"type":45,"tag":276,"props":1187,"children":1188},{},[1189],{"type":51,"value":1190},"mug \u002F t-shirt \u002F tote \u002F business card → square is usually the safest default",{"type":45,"tag":276,"props":1192,"children":1193},{},[1194],{"type":51,"value":1195},"Do not ask a dedicated brand-vibe picker unless the design and prompt leave the direction genuinely unclear.",{"type":45,"tag":276,"props":1197,"children":1198},{},[1199],{"type":51,"value":1200},"If asking anything in Step 2, keep it to this single structured intake pass.",{"type":45,"tag":69,"props":1202,"children":1203},{},[],{"type":45,"tag":261,"props":1205,"children":1207},{"id":1206},"step-3-review-the-design",[1208],{"type":51,"value":1209},"Step 3: Review the Design",{"type":45,"tag":54,"props":1211,"children":1212},{},[1213,1215,1220],{"type":51,"value":1214},"Trigger this checkpoint if ",{"type":45,"tag":171,"props":1216,"children":1217},{},[1218],{"type":51,"value":1219},"any",{"type":51,"value":1221}," of the following are true:",{"type":45,"tag":272,"props":1223,"children":1224},{},[1225,1230,1235,1240,1245,1250,1255],{"type":45,"tag":276,"props":1226,"children":1227},{},[1228],{"type":51,"value":1229},"Visible pencil, pen, or marker strokes",{"type":45,"tag":276,"props":1231,"children":1232},{},[1233],{"type":51,"value":1234},"Paper, notebook, or textured background",{"type":45,"tag":276,"props":1236,"children":1237},{},[1238],{"type":51,"value":1239},"Rough, uneven, or hand-drawn edges",{"type":45,"tag":276,"props":1241,"children":1242},{},[1243],{"type":51,"value":1244},"Watercolor, paint, or brush texture",{"type":45,"tag":276,"props":1246,"children":1247},{},[1248],{"type":51,"value":1249},"Photo of a drawing or physical object",{"type":45,"tag":276,"props":1251,"children":1252},{},[1253],{"type":51,"value":1254},"Low resolution or pixelated rendering",{"type":45,"tag":276,"props":1256,"children":1257},{},[1258],{"type":51,"value":1259},"Incomplete or rough linework",{"type":45,"tag":54,"props":1261,"children":1262},{},[1263,1268],{"type":45,"tag":171,"props":1264,"children":1265},{},[1266],{"type":51,"value":1267},"Skip this step",{"type":51,"value":1269}," if the asset clearly shows a finished logo.",{"type":45,"tag":466,"props":1271,"children":1274},{"className":1272,"code":1273,"language":51},[583],"ask_user_question({\n  questions: [{\n    question: \"Would you like to use this design as-is for mockups, or have me generate a polished logo render from it first?\",\n    header: \"Design\",\n    multiSelect: false,\n    options: [\n      { label: \"Use as-is\", description: \"Go straight to mockup generation with this exact artwork\" },\n      { label: \"Polish it first\", description: \"Create a cleaned-up logo render from this sketch before making mockups\" }\n    ]\n  }]\n})\n",[1275],{"type":45,"tag":60,"props":1276,"children":1277},{"__ignoreMap":471},[1278],{"type":51,"value":1273},{"type":45,"tag":272,"props":1280,"children":1281},{},[1282,1299],{"type":45,"tag":276,"props":1283,"children":1284},{},[1285,1290,1292,1297],{"type":45,"tag":171,"props":1286,"children":1287},{},[1288],{"type":51,"value":1289},"Use as-is",{"type":51,"value":1291}," → Use the uploaded image directly as ",{"type":45,"tag":60,"props":1293,"children":1295},{"className":1294},[],[1296],{"type":51,"value":625},{"type":51,"value":1298},". Proceed to Step 4.",{"type":45,"tag":276,"props":1300,"children":1301},{},[1302,1307,1309,1314,1316,1322,1324,1329,1331,1336,1338,1343,1345,1350],{"type":45,"tag":171,"props":1303,"children":1304},{},[1305],{"type":51,"value":1306},"Polish it first",{"type":51,"value":1308}," → Generate a polished logo render using ",{"type":45,"tag":60,"props":1310,"children":1312},{"className":1311},[],[1313],{"type":51,"value":65},{"type":51,"value":1315},". Pass the sketch URL as ",{"type":45,"tag":60,"props":1317,"children":1319},{"className":1318},[],[1320],{"type":51,"value":1321},"options.referenceImage",{"type":51,"value":1323},". Preserve the original concept while cleaning edges, removing paper\u002Fpencil texture, and producing a crisp, production-ready result. Omit ",{"type":45,"tag":60,"props":1325,"children":1327},{"className":1326},[],[1328],{"type":51,"value":319},{"type":51,"value":1330}," and ",{"type":45,"tag":60,"props":1332,"children":1334},{"className":1333},[],[1335],{"type":51,"value":327},{"type":51,"value":1337}," because ",{"type":45,"tag":60,"props":1339,"children":1341},{"className":1340},[],[1342],{"type":51,"value":160},{"type":51,"value":1344}," is present. Use the generated URL as ",{"type":45,"tag":60,"props":1346,"children":1348},{"className":1347},[],[1349],{"type":51,"value":625},{"type":51,"value":1351}," and proceed to Step 4. Do not ask follow-up questions unless the user requests specific changes.",{"type":45,"tag":466,"props":1353,"children":1356},{"className":1354,"code":1355,"language":51},[583],"image_generate({\n  options: {\n    prompt: \"Create a crisp, production-ready logo render from the reference sketch. Preserve the original concept, silhouette, and distinctive marks while removing paper texture, pencil or marker artifacts, rough edges, shadows, and background noise. Keep the result clean and centered on a simple plain background.\",\n    referenceImage: \"\u003CuploadedSketchUrl>\",\n    n: 1,\n    promptReasoner: \"quality\"\n  },\n  outputFileType: \"png\"\n})\n",[1357],{"type":45,"tag":60,"props":1358,"children":1359},{"__ignoreMap":471},[1360],{"type":51,"value":1355},{"type":45,"tag":54,"props":1362,"children":1363},{},[1364,1369],{"type":45,"tag":171,"props":1365,"children":1366},{},[1367],{"type":51,"value":1368},"Skip this step only",{"type":51,"value":1370}," if the asset is clearly a finished digital file with no ambiguity.",{"type":45,"tag":69,"props":1372,"children":1373},{},[],{"type":45,"tag":261,"props":1375,"children":1377},{"id":1376},"step-4-generate-mockups",[1378],{"type":51,"value":1379},"Step 4: Generate Mockups",{"type":45,"tag":647,"props":1381,"children":1383},{"id":1382},"_4a-build-scene-language-from-brand-profile",[1384],{"type":51,"value":1385},"4a. Build scene language from brand profile",{"type":45,"tag":54,"props":1387,"children":1388},{},[1389],{"type":51,"value":1390},"Before writing any prompts, lock in the following shared constants from the brand profile. Every prompt must use these exact values — do not vary them across mockups:",{"type":45,"tag":272,"props":1392,"children":1393},{},[1394,1403],{"type":45,"tag":276,"props":1395,"children":1396},{},[1397,1401],{"type":45,"tag":171,"props":1398,"children":1399},{},[1400],{"type":51,"value":722},{"type":51,"value":1402}," — the hex values inferred or confirmed in Step 2. Use these consistently for backgrounds, surface tints, props, and accents across all scenes.",{"type":45,"tag":276,"props":1404,"children":1405},{},[1406,1410],{"type":45,"tag":171,"props":1407,"children":1408},{},[1409],{"type":51,"value":706},{"type":51,"value":1411}," — only include text in mockups if the user explicitly provided a name. Never invent or add a brand name, tagline, or any other text.",{"type":45,"tag":54,"props":1413,"children":1414},{},[1415],{"type":51,"value":1416},"Use the confirmed brand profile to define visual language for the scenes. Adapt based on the specific brand — don't copy the table verbatim:",{"type":45,"tag":80,"props":1418,"children":1419},{},[1420,1435],{"type":45,"tag":84,"props":1421,"children":1422},{},[1423],{"type":45,"tag":88,"props":1424,"children":1425},{},[1426,1430],{"type":45,"tag":92,"props":1427,"children":1428},{},[1429],{"type":51,"value":827},{"type":45,"tag":92,"props":1431,"children":1432},{},[1433],{"type":51,"value":1434},"Scene language starting point",{"type":45,"tag":108,"props":1436,"children":1437},{},[1438,1450,1462,1474,1486,1498],{"type":45,"tag":88,"props":1439,"children":1440},{},[1441,1445],{"type":45,"tag":115,"props":1442,"children":1443},{},[1444],{"type":51,"value":846},{"type":45,"tag":115,"props":1446,"children":1447},{},[1448],{"type":51,"value":1449},"Soft studio light, white or pale grey surfaces, clean negative space, no props",{"type":45,"tag":88,"props":1451,"children":1452},{},[1453,1457],{"type":45,"tag":115,"props":1454,"children":1455},{},[1456],{"type":51,"value":862},{"type":45,"tag":115,"props":1458,"children":1459},{},[1460],{"type":51,"value":1461},"Bright saturated backgrounds matching brand colors, casual angles, fun props",{"type":45,"tag":88,"props":1463,"children":1464},{},[1465,1469],{"type":45,"tag":115,"props":1466,"children":1467},{},[1468],{"type":51,"value":878},{"type":45,"tag":115,"props":1470,"children":1471},{},[1472],{"type":51,"value":1473},"Dark rich-toned surfaces (marble, velvet, dark wood), dramatic directional light, gold accents",{"type":45,"tag":88,"props":1475,"children":1476},{},[1477,1481],{"type":45,"tag":115,"props":1478,"children":1479},{},[1480],{"type":51,"value":894},{"type":45,"tag":115,"props":1482,"children":1483},{},[1484],{"type":51,"value":1485},"Punchy solid-color backgrounds in brand colors, high contrast flat-lay compositions",{"type":45,"tag":88,"props":1487,"children":1488},{},[1489,1493],{"type":45,"tag":115,"props":1490,"children":1491},{},[1492],{"type":51,"value":910},{"type":45,"tag":115,"props":1494,"children":1495},{},[1496],{"type":51,"value":1497},"Natural materials (wood, linen, stone, kraft paper), warm diffused light",{"type":45,"tag":88,"props":1499,"children":1500},{},[1501,1505],{"type":45,"tag":115,"props":1502,"children":1503},{},[1504],{"type":51,"value":926},{"type":45,"tag":115,"props":1506,"children":1507},{},[1508],{"type":51,"value":1509},"Derive from the user's description",{"type":45,"tag":647,"props":1511,"children":1513},{"id":1512},"_4b-write-all-prompts-before-generating-anything",[1514],{"type":51,"value":1515},"4b. Write all prompts before generating anything",{"type":45,"tag":54,"props":1517,"children":1518},{},[1519,1521],{"type":51,"value":1520},"For each product, write the mockup prompt before making any tool calls. This ensures visual consistency across the set. ",{"type":45,"tag":171,"props":1522,"children":1523},{},[1524],{"type":51,"value":1525},"Do not output the prompts to the user — keep them internal.",{"type":45,"tag":54,"props":1527,"children":1528},{},[1529,1534,1536,1541,1543,1548],{"type":45,"tag":171,"props":1530,"children":1531},{},[1532],{"type":51,"value":1533},"Prompt structure:",{"type":51,"value":1535}," Describe the scene and placement — not the design itself. ",{"type":45,"tag":60,"props":1537,"children":1539},{"className":1538},[],[1540],{"type":51,"value":65},{"type":51,"value":1542}," reads the design from ",{"type":45,"tag":60,"props":1544,"children":1546},{"className":1545},[],[1547],{"type":51,"value":1321},{"type":51,"value":288},{"type":45,"tag":466,"props":1550,"children":1553},{"className":1551,"code":1552,"language":51},[583],"\"[surface and background from vibe and brand colors], [product description],\n[design placement on product, e.g. 'logo mark on the front face'],\n[scale\u002Fplacement detail, e.g. 'centered, occupying roughly 30% of the face'],\n[lighting style], mockup photography, [props or details that fit brand personality].\nThe logo\u002Fdesign from the reference image must fit naturally on the [product surface] —\nsized and positioned as it would appear on a real product, not floating or oversized.\nUse the design from the reference image.\"\n",[1554],{"type":45,"tag":60,"props":1555,"children":1556},{"__ignoreMap":471},[1557],{"type":51,"value":1552},{"type":45,"tag":54,"props":1559,"children":1560},{},[1561,1563,1568,1570,1575],{"type":51,"value":1562},"Always end with ",{"type":45,"tag":386,"props":1564,"children":1565},{},[1566],{"type":51,"value":1567},"\"Use the design from the reference image.\"",{"type":51,"value":1569}," and include the natural-on-surface constraint — this helps the model prioritize ",{"type":45,"tag":60,"props":1571,"children":1573},{"className":1572},[],[1574],{"type":51,"value":160},{"type":51,"value":1576}," and keeps the design grounded on the product.",{"type":45,"tag":54,"props":1578,"children":1579},{},[1580,1585],{"type":45,"tag":171,"props":1581,"children":1582},{},[1583],{"type":51,"value":1584},"Do not add any text, lettering, brand name, or tagline",{"type":51,"value":1586}," to the scene or product unless the user explicitly provided a name in their message. If no name was given, the design from the reference image is the only branding — no additional text of any kind.",{"type":45,"tag":647,"props":1588,"children":1590},{"id":1589},"_4c-pilot-mockup-validate-direction-before-generating-the-full-set",[1591],{"type":51,"value":1592},"4c. Pilot mockup — validate direction before generating the full set",{"type":45,"tag":54,"props":1594,"children":1595},{},[1596,1598,1603,1605,1610,1612,1617,1619,1624,1625,1630],{"type":51,"value":1597},"Generate the ",{"type":45,"tag":171,"props":1599,"children":1600},{},[1601],{"type":51,"value":1602},"first product only",{"type":51,"value":1604},". Always pass ",{"type":45,"tag":60,"props":1606,"children":1608},{"className":1607},[],[1609],{"type":51,"value":625},{"type":51,"value":1611}," as ",{"type":45,"tag":60,"props":1613,"children":1615},{"className":1614},[],[1616],{"type":51,"value":1321},{"type":51,"value":1618},". Do not pass ",{"type":45,"tag":60,"props":1620,"children":1622},{"className":1621},[],[1623],{"type":51,"value":319},{"type":51,"value":321},{"type":45,"tag":60,"props":1626,"children":1628},{"className":1627},[],[1629],{"type":51,"value":327},{"type":51,"value":1631}," in this call:",{"type":45,"tag":466,"props":1633,"children":1636},{"className":1634,"code":1635,"language":51},[583],"image_generate({\n  options: {\n    prompt: \"\u003Cmockup prompt from 4b>\",\n    referenceImage: \"\u003CdesignAssetUrl>\",\n    n: 1,\n    promptReasoner: \"quality\"\n  },\n  outputFileType: \"png\"\n})\n",[1637],{"type":45,"tag":60,"props":1638,"children":1639},{"__ignoreMap":471},[1640],{"type":51,"value":1635},{"type":45,"tag":54,"props":1642,"children":1643},{},[1644],{"type":51,"value":1645},"Save the output URL as the first mockup URL. Also save any Firefly generation URN or asset ID returned by the tool; use it later for the board if available.",{"type":45,"tag":54,"props":1647,"children":1648},{},[1649,1654],{"type":45,"tag":171,"props":1650,"children":1651},{},[1652],{"type":51,"value":1653},"If the call fails:",{"type":51,"value":1655}," Stop. Do not fall back to describing the design in the prompt. Tell the user:",{"type":45,"tag":1657,"props":1658,"children":1659},"blockquote",{},[1660],{"type":45,"tag":54,"props":1661,"children":1662},{},[1663],{"type":51,"value":1664},"\"Mockup generation isn't working — this may be a platform limitation or an authentication issue. Please check your plan or try re-authenticating.\"",{"type":45,"tag":54,"props":1666,"children":1667},{},[1668],{"type":45,"tag":171,"props":1669,"children":1670},{},[1671],{"type":51,"value":1672},"Show the pilot mockup and checkpoint:",{"type":45,"tag":466,"props":1674,"children":1677},{"className":1675,"code":1676,"language":51},[583],"Here's a pilot [product name] mockup. Does the direction feel right?\n- Scene \u002F lighting \u002F surfaces ✓\u002F✗\n- Design placement and scale ✓\u002F✗\n- Overall vibe ✓\u002F✗\n\nSay the word and I'll generate the rest, or tell me what to adjust first.\n",[1678],{"type":45,"tag":60,"props":1679,"children":1680},{"__ignoreMap":471},[1681],{"type":51,"value":1676},{"type":45,"tag":54,"props":1683,"children":1684},{},[1685],{"type":45,"tag":171,"props":1686,"children":1687},{},[1688],{"type":51,"value":1689},"Do not generate remaining mockups until the user approves the pilot.",{"type":45,"tag":261,"props":1691,"children":1693},{"id":1692},"_5-generate-remaining-mockups",[1694],{"type":51,"value":1695},"5. Generate remaining mockups",{"type":45,"tag":54,"props":1697,"children":1698},{},[1699,1704],{"type":45,"tag":171,"props":1700,"children":1701},{},[1702],{"type":51,"value":1703},"If the user approved the pilot with no changes:",{"type":51,"value":1705}," use the prompts written in Step 4b exactly as-is for all remaining products. Do not rewrite or re-derive them.",{"type":45,"tag":54,"props":1707,"children":1708},{},[1709,1714],{"type":45,"tag":171,"props":1710,"children":1711},{},[1712],{"type":51,"value":1713},"If the user requested changes during the pilot checkpoint:",{"type":51,"value":1715}," update all prompts from Step 4b to reflect those changes, then regenerate the entire set — including the pilot product. Do not carry forward the original pilot image; every mockup in the final set should be generated from the same updated prompt language.",{"type":45,"tag":54,"props":1717,"children":1718},{},[1719,1721,1726,1727,1732,1734,1739,1740,1745,1747,1758],{"type":51,"value":1720},"Always pass ",{"type":45,"tag":60,"props":1722,"children":1724},{"className":1723},[],[1725],{"type":51,"value":625},{"type":51,"value":1611},{"type":45,"tag":60,"props":1728,"children":1730},{"className":1729},[],[1731],{"type":51,"value":1321},{"type":51,"value":1733}," on every call, and omit ",{"type":45,"tag":60,"props":1735,"children":1737},{"className":1736},[],[1738],{"type":51,"value":319},{"type":51,"value":1330},{"type":45,"tag":60,"props":1741,"children":1743},{"className":1742},[],[1744],{"type":51,"value":327},{"type":51,"value":1746}," on those referenced calls. ",{"type":45,"tag":171,"props":1748,"children":1749},{},[1750,1751,1756],{"type":51,"value":457},{"type":45,"tag":60,"props":1752,"children":1754},{"className":1753},[],[1755],{"type":51,"value":65},{"type":51,"value":1757}," for all remaining products in parallel — do not call them sequentially.",{"type":51,"value":1759}," Issue all calls at once, up to 5 at a time. If rate-limited, reduce batch size and retry the remaining ones together. Track progress in a manifest:",{"type":45,"tag":466,"props":1761,"children":1764},{"className":1762,"code":1763,"language":51},[583],"mockups = {\n  [product_1]: { url: \"\u003CoutputUrl>\", assetId: \"\u003CgenerationUrn-or-assetId-if-returned>\" },\n  [product_2]: { url: \"\u003CoutputUrl>\", assetId: \"\u003CgenerationUrn-or-assetId-if-returned>\" },\n  ...\n}\n",[1765],{"type":45,"tag":60,"props":1766,"children":1767},{"__ignoreMap":471},[1768],{"type":51,"value":1763},{"type":45,"tag":54,"props":1770,"children":1771},{},[1772],{"type":51,"value":1773},"Do not display any mockups here. Wait until all products are generated, then deliver the full set together in Step 6.",{"type":45,"tag":69,"props":1775,"children":1776},{},[],{"type":45,"tag":261,"props":1778,"children":1780},{"id":1779},"step-6-deliver",[1781],{"type":51,"value":1782},"Step 6: Deliver",{"type":45,"tag":54,"props":1784,"children":1785},{},[1786],{"type":51,"value":1787},"Display all mockups together in a single delivery — including the pilot. Do not split output across messages or show mockups as they are generated. Wait until the full set is complete, then display everything at once.",{"type":45,"tag":647,"props":1789,"children":1791},{"id":1790},"iteration-options",[1792],{"type":51,"value":1793},"Iteration options",{"type":45,"tag":54,"props":1795,"children":1796},{},[1797],{"type":51,"value":1798},"After delivery, always offer:",{"type":45,"tag":466,"props":1800,"children":1803},{"className":1801,"code":1802,"language":51},[583],"Want to refine anything?\n- Redo a mockup → \"Redo the mug with a darker background\"\n- Try out different vibes → \"Try luxury feel instead\"\n- Add or swap a product → \"Add a tote bag\" \u002F \"Replace the hat with a hoodie\"\n- Adjust design placement → \"Move the logo to the left chest on the shirt\"\n",[1804],{"type":45,"tag":60,"props":1805,"children":1806},{"__ignoreMap":471},[1807],{"type":51,"value":1802},{"type":45,"tag":54,"props":1809,"children":1810},{},[1811,1813,1818],{"type":51,"value":1812},"When the user requests a refinement, re-enter the pipeline at the appropriate step using the existing ",{"type":45,"tag":60,"props":1814,"children":1816},{"className":1815},[],[1817],{"type":51,"value":625},{"type":51,"value":1819}," — no need to re-review the design unless they ask.",{"type":45,"tag":69,"props":1821,"children":1822},{},[],{"type":45,"tag":261,"props":1824,"children":1826},{"id":1825},"step-7-create-firefly-board",[1827],{"type":51,"value":1828},"Step 7: Create Firefly Board",{"type":45,"tag":54,"props":1830,"children":1831},{},[1832,1834,1839],{"type":51,"value":1833},"Create a Firefly Board, then add the final mockups to it. Never invent a ",{"type":45,"tag":60,"props":1835,"children":1837},{"className":1836},[],[1838],{"type":51,"value":210},{"type":51,"value":288},{"type":45,"tag":466,"props":1841,"children":1844},{"className":1842,"code":1843,"language":51},[583],"boards_create_new_board({\n  doc_name: \"\u003CBrand or project name> mockups\"\n})\n",[1845],{"type":45,"tag":60,"props":1846,"children":1847},{"__ignoreMap":471},[1848],{"type":51,"value":1843},{"type":45,"tag":54,"props":1850,"children":1851},{},[1852,1854,1859],{"type":51,"value":1853},"Save the returned ",{"type":45,"tag":60,"props":1855,"children":1857},{"className":1856},[],[1858],{"type":51,"value":210},{"type":51,"value":1860},", then add the mockups. Prefer generation IDs\u002FURNs when the generation result provides them:",{"type":45,"tag":466,"props":1862,"children":1865},{"className":1863,"code":1864,"language":51},[583],"boards_add_items_to_board({\n  board_id: \"\u003CboardId>\",\n  items: [\n    {\n      type: \"generationUrn\",\n      assetIds: [\n        \"\u003CgenerationUrn_or_assetId_image1>\",\n        \"\u003CgenerationUrn_or_assetId_image2>\"\n      ]\n    }\n  ]\n})\n",[1866],{"type":45,"tag":60,"props":1867,"children":1868},{"__ignoreMap":471},[1869],{"type":51,"value":1864},{"type":45,"tag":54,"props":1871,"children":1872},{},[1873,1875,1881],{"type":51,"value":1874},"If the generation result only provides HTTPS output URLs, use ",{"type":45,"tag":60,"props":1876,"children":1878},{"className":1877},[],[1879],{"type":51,"value":1880},"presignedUrl",{"type":51,"value":1882}," instead:",{"type":45,"tag":466,"props":1884,"children":1887},{"className":1885,"code":1886,"language":51},[583],"boards_add_items_to_board({\n  board_id: \"\u003CboardId>\",\n  items: [\n    {\n      type: \"presignedUrl\",\n      urls: [\n        \"\u003CoutputUrl_image1>\",\n        \"\u003CoutputUrl_image2>\"\n      ]\n    }\n  ]\n})\n",[1888],{"type":45,"tag":60,"props":1889,"children":1890},{"__ignoreMap":471},[1891],{"type":51,"value":1886},{"type":45,"tag":54,"props":1893,"children":1894},{},[1895,1897,1902,1904,1909],{"type":51,"value":1896},"Use one ",{"type":45,"tag":60,"props":1898,"children":1900},{"className":1899},[],[1901],{"type":51,"value":226},{"type":51,"value":1903}," call when there are 1-12 mockups. If there are more than 12, split them into sequential batches and reuse the same ",{"type":45,"tag":60,"props":1905,"children":1907},{"className":1906},[],[1908],{"type":51,"value":210},{"type":51,"value":288},{"type":45,"tag":54,"props":1911,"children":1912},{},[1913,1915,1920,1922,1927,1929,1934,1935,1941],{"type":51,"value":1914},"Only include successful mockups. Do not recap or re-display the mockups here. After ",{"type":45,"tag":60,"props":1916,"children":1918},{"className":1917},[],[1919],{"type":51,"value":226},{"type":51,"value":1921}," succeeds, create the user-facing Firefly Board link by calling ",{"type":45,"tag":60,"props":1923,"children":1925},{"className":1924},[],[1926],{"type":51,"value":247},{"type":51,"value":1928}," with the returned ",{"type":45,"tag":60,"props":1930,"children":1932},{"className":1931},[],[1933],{"type":51,"value":210},{"type":51,"value":1611},{"type":45,"tag":60,"props":1936,"children":1938},{"className":1937},[],[1939],{"type":51,"value":1940},"assetId",{"type":51,"value":1942},". Do not invent or derive the URL manually.",{"type":45,"tag":466,"props":1944,"children":1946},{"className":468,"code":1945,"language":470,"meta":471,"style":471},"asset_share_link({\n  \"assetId\": \"\u003CboardId>\"\n})\n",[1947],{"type":45,"tag":60,"props":1948,"children":1949},{"__ignoreMap":471},[1950,1964,1999],{"type":45,"tag":477,"props":1951,"children":1952},{"class":479,"line":480},[1953,1959],{"type":45,"tag":477,"props":1954,"children":1956},{"style":1955},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[1957],{"type":51,"value":1958},"asset_share_link(",{"type":45,"tag":477,"props":1960,"children":1961},{"style":484},[1962],{"type":51,"value":1963},"{\n",{"type":45,"tag":477,"props":1965,"children":1967},{"class":479,"line":1966},2,[1968,1973,1977,1981,1985,1989,1994],{"type":45,"tag":477,"props":1969,"children":1970},{"style":484},[1971],{"type":51,"value":1972},"  \"",{"type":45,"tag":477,"props":1974,"children":1975},{"style":495},[1976],{"type":51,"value":1940},{"type":45,"tag":477,"props":1978,"children":1979},{"style":484},[1980],{"type":51,"value":503},{"type":45,"tag":477,"props":1982,"children":1983},{"style":484},[1984],{"type":51,"value":508},{"type":45,"tag":477,"props":1986,"children":1987},{"style":484},[1988],{"type":51,"value":492},{"type":45,"tag":477,"props":1990,"children":1991},{"style":515},[1992],{"type":51,"value":1993},"\u003CboardId>",{"type":45,"tag":477,"props":1995,"children":1996},{"style":484},[1997],{"type":51,"value":1998},"\"\n",{"type":45,"tag":477,"props":2000,"children":2002},{"class":479,"line":2001},3,[2003,2008],{"type":45,"tag":477,"props":2004,"children":2005},{"style":484},[2006],{"type":51,"value":2007},"}",{"type":45,"tag":477,"props":2009,"children":2010},{"style":1955},[2011],{"type":51,"value":2012},")\n",{"type":45,"tag":54,"props":2014,"children":2015},{},[2016,2018,2024,2025,2031,2033,2039],{"type":51,"value":2017},"Omit ",{"type":45,"tag":60,"props":2019,"children":2021},{"className":2020},[],[2022],{"type":51,"value":2023},"changeAccess",{"type":51,"value":1330},{"type":45,"tag":60,"props":2026,"children":2028},{"className":2027},[],[2029],{"type":51,"value":2030},"accessLevel",{"type":51,"value":2032}," unless the user explicitly asks to change who can access the board. Present the returned ",{"type":45,"tag":60,"props":2034,"children":2036},{"className":2035},[],[2037],{"type":51,"value":2038},"url",{"type":51,"value":2040}," as a Markdown link.",{"type":45,"tag":466,"props":2042,"children":2046},{"className":2043,"code":2044,"language":2045,"meta":471,"style":471},"language-markdown shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","Your mockups are saved to a Firefly Board: [\u003Cboard name>](\u003Curl>)\n","markdown",[2047],{"type":45,"tag":60,"props":2048,"children":2049},{"__ignoreMap":471},[2050],{"type":45,"tag":477,"props":2051,"children":2052},{"class":479,"line":480},[2053,2058,2063,2068,2073,2078],{"type":45,"tag":477,"props":2054,"children":2055},{"style":1955},[2056],{"type":51,"value":2057},"Your mockups are saved to a Firefly Board: ",{"type":45,"tag":477,"props":2059,"children":2060},{"style":484},[2061],{"type":51,"value":2062},"[",{"type":45,"tag":477,"props":2064,"children":2065},{"style":515},[2066],{"type":51,"value":2067},"\u003Cboard name>",{"type":45,"tag":477,"props":2069,"children":2070},{"style":484},[2071],{"type":51,"value":2072},"](\u003C",{"type":45,"tag":477,"props":2074,"children":2076},{"style":2075},"--shiki-light:#E53935;--shiki-light-text-decoration:underline;--shiki-default:#F07178;--shiki-default-text-decoration:underline;--shiki-dark:#F07178;--shiki-dark-text-decoration:underline",[2077],{"type":51,"value":2038},{"type":45,"tag":477,"props":2079,"children":2080},{"style":484},[2081],{"type":51,"value":2082},">)\n",{"type":45,"tag":54,"props":2084,"children":2085},{},[2086,2088,2093,2095,2100],{"type":51,"value":2087},"If ",{"type":45,"tag":60,"props":2089,"children":2091},{"className":2090},[],[2092],{"type":51,"value":247},{"type":51,"value":2094}," fails, present the ",{"type":45,"tag":60,"props":2096,"children":2098},{"className":2097},[],[2099],{"type":51,"value":210},{"type":51,"value":2101}," and say the board was created but a share link could not be generated.",{"type":45,"tag":69,"props":2103,"children":2104},{},[],{"type":45,"tag":73,"props":2106,"children":2108},{"id":2107},"error-handling",[2109],{"type":51,"value":2110},"Error Handling",{"type":45,"tag":80,"props":2112,"children":2113},{},[2114,2130],{"type":45,"tag":84,"props":2115,"children":2116},{},[2117],{"type":45,"tag":88,"props":2118,"children":2119},{},[2120,2125],{"type":45,"tag":92,"props":2121,"children":2122},{},[2123],{"type":51,"value":2124},"Situation",{"type":45,"tag":92,"props":2126,"children":2127},{},[2128],{"type":51,"value":2129},"Action",{"type":45,"tag":108,"props":2131,"children":2132},{},[2133,2146,2164,2182,2200,2218,2236],{"type":45,"tag":88,"props":2134,"children":2135},{},[2136,2141],{"type":45,"tag":115,"props":2137,"children":2138},{},[2139],{"type":51,"value":2140},"No image uploaded",{"type":45,"tag":115,"props":2142,"children":2143},{},[2144],{"type":51,"value":2145},"Ask the user to upload their design or sketch",{"type":45,"tag":88,"props":2147,"children":2148},{},[2149,2159],{"type":45,"tag":115,"props":2150,"children":2151},{},[2152,2157],{"type":45,"tag":60,"props":2153,"children":2155},{"className":2154},[],[2156],{"type":51,"value":65},{"type":51,"value":2158}," fails on the pilot, or fails for every product in a batch",{"type":45,"tag":115,"props":2160,"children":2161},{},[2162],{"type":51,"value":2163},"Stop. Flag the limitation clearly. Do not fall back to prompt-based design description.",{"type":45,"tag":88,"props":2165,"children":2166},{},[2167,2177],{"type":45,"tag":115,"props":2168,"children":2169},{},[2170,2175],{"type":45,"tag":60,"props":2171,"children":2173},{"className":2172},[],[2174],{"type":51,"value":65},{"type":51,"value":2176}," fails for one or more products during the batch (not all)",{"type":45,"tag":115,"props":2178,"children":2179},{},[2180],{"type":51,"value":2181},"Skip the failed products, note them explicitly, and deliver the rest. Never skip silently.",{"type":45,"tag":88,"props":2183,"children":2184},{},[2185,2195],{"type":45,"tag":115,"props":2186,"children":2187},{},[2188,2190],{"type":51,"value":2189},"Rate limit on ",{"type":45,"tag":60,"props":2191,"children":2193},{"className":2192},[],[2194],{"type":51,"value":65},{"type":45,"tag":115,"props":2196,"children":2197},{},[2198],{"type":51,"value":2199},"Reduce batch size and continue — do not stop or switch tools",{"type":45,"tag":88,"props":2201,"children":2202},{},[2203,2213],{"type":45,"tag":115,"props":2204,"children":2205},{},[2206,2211],{"type":45,"tag":60,"props":2207,"children":2209},{"className":2208},[],[2210],{"type":51,"value":199},{"type":51,"value":2212}," fails",{"type":45,"tag":115,"props":2214,"children":2215},{},[2216],{"type":51,"value":2217},"Retry once for 503\u002F504\u002F500\u002F502. Do not retry 400\u002F401 without changing the input\u002Fauth. If it still fails, note it; inline images in Step 6 are still the deliverable.",{"type":45,"tag":88,"props":2219,"children":2220},{},[2221,2231],{"type":45,"tag":115,"props":2222,"children":2223},{},[2224,2229],{"type":45,"tag":60,"props":2225,"children":2227},{"className":2226},[],[2228],{"type":51,"value":226},{"type":51,"value":2230}," returns 201 partial success",{"type":45,"tag":115,"props":2232,"children":2233},{},[2234],{"type":51,"value":2235},"Treat as success for the added items. Re-send only the failed items after fixing the named cause.",{"type":45,"tag":88,"props":2237,"children":2238},{},[2239,2248],{"type":45,"tag":115,"props":2240,"children":2241},{},[2242,2247],{"type":45,"tag":60,"props":2243,"children":2245},{"className":2244},[],[2246],{"type":51,"value":226},{"type":51,"value":2212},{"type":45,"tag":115,"props":2249,"children":2250},{},[2251],{"type":51,"value":2252},"Retry once for 503\u002F504. For 404, create a new board and retry once. For 400\u002F401\u002F415, fix the request\u002Fauth instead of retrying unchanged. Inline images in Step 6 are still the deliverable.",{"type":45,"tag":69,"props":2254,"children":2255},{},[],{"type":45,"tag":73,"props":2257,"children":2259},{"id":2258},"important-constraints",[2260],{"type":51,"value":2261},"Important Constraints",{"type":45,"tag":272,"props":2263,"children":2264},{},[2265,2275,2285,2312,2339,2349,2359,2364,2369,2379],{"type":45,"tag":276,"props":2266,"children":2267},{},[2268,2273],{"type":45,"tag":171,"props":2269,"children":2270},{},[2271],{"type":51,"value":2272},"Only ask whether to use as-is or polish first for sketches and unclear designs",{"type":51,"value":2274}," — skip straight to generation for clean, production-ready digital files",{"type":45,"tag":276,"props":2276,"children":2277},{},[2278,2283],{"type":45,"tag":171,"props":2279,"children":2280},{},[2281],{"type":51,"value":2282},"Always get pilot approval",{"type":51,"value":2284}," before generating the full set",{"type":45,"tag":276,"props":2286,"children":2287},{},[2288,2303,2305,2310],{"type":45,"tag":171,"props":2289,"children":2290},{},[2291,2292,2297,2298],{"type":51,"value":1720},{"type":45,"tag":60,"props":2293,"children":2295},{"className":2294},[],[2296],{"type":51,"value":625},{"type":51,"value":1611},{"type":45,"tag":60,"props":2299,"children":2301},{"className":2300},[],[2302],{"type":51,"value":1321},{"type":51,"value":2304}," on every referenced ",{"type":45,"tag":60,"props":2306,"children":2308},{"className":2307},[],[2309],{"type":51,"value":65},{"type":51,"value":2311}," call — never describe the design in text as a substitute",{"type":45,"tag":276,"props":2313,"children":2314},{},[2315,2337],{"type":45,"tag":171,"props":2316,"children":2317},{},[2318,2320,2325,2326,2331,2332],{"type":51,"value":2319},"Never pass ",{"type":45,"tag":60,"props":2321,"children":2323},{"className":2322},[],[2324],{"type":51,"value":319},{"type":51,"value":321},{"type":45,"tag":60,"props":2327,"children":2329},{"className":2328},[],[2330],{"type":51,"value":327},{"type":51,"value":313},{"type":45,"tag":60,"props":2333,"children":2335},{"className":2334},[],[2336],{"type":51,"value":160},{"type":51,"value":2338}," — include shape\u002Fcomposition requirements in the prompt instead",{"type":45,"tag":276,"props":2340,"children":2341},{},[2342,2347],{"type":45,"tag":171,"props":2343,"children":2344},{},[2345],{"type":51,"value":2346},"Never silently degrade",{"type":51,"value":2348}," — if generation fails, stop and flag rather than falling back to a prompt description",{"type":45,"tag":276,"props":2350,"children":2351},{},[2352,2357],{"type":45,"tag":171,"props":2353,"children":2354},{},[2355],{"type":51,"value":2356},"Rate limits",{"type":51,"value":2358},": Generate at most 5 images per turn. If rate-limited, reduce batch size and retry.",{"type":45,"tag":276,"props":2360,"children":2361},{},[2362],{"type":51,"value":2363},"The final deliverables are the mockup images — display them inline",{"type":45,"tag":276,"props":2365,"children":2366},{},[2367],{"type":51,"value":2368},"Keep the brand vibe consistent across all prompts — use the same scene language throughout",{"type":45,"tag":276,"props":2370,"children":2371},{},[2372,2377],{"type":45,"tag":171,"props":2373,"children":2374},{},[2375],{"type":51,"value":2376},"Never output prompts to the user",{"type":51,"value":2378}," — prompts are internal working documents only",{"type":45,"tag":276,"props":2380,"children":2381},{},[2382,2387],{"type":45,"tag":171,"props":2383,"children":2384},{},[2385],{"type":51,"value":2386},"No commentary on quality",{"type":51,"value":2388}," — do not comment on logo or mockup quality. Only surface information the user needs (brand analysis, the images, the checkpoint question, the board link, and iteration options).",{"type":45,"tag":2390,"props":2391,"children":2392},"style",{},[2393],{"type":51,"value":2394},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":2396,"total":2486},[2397,2414,2428,2434,2449,2462,2474],{"slug":2398,"name":2398,"fn":2399,"description":2400,"org":2401,"tags":2402,"stars":22,"repoUrl":23,"updatedAt":2413},"accessibility-and-inclusive-visualization","make data visualizations accessible","Make data visualizations accessible and inclusive. Use when the user needs chart or diagram accessibility guidance, text alternatives for complex visuals, color and contrast review, keyboard support, reduced-motion behavior for animation or parallax, or an accessibility QA workflow for exported figures, UML-like diagrams, and dashboards.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2403,2406,2409,2412],{"name":2404,"slug":2405,"type":15},"Accessibility","accessibility",{"name":2407,"slug":2408,"type":15},"Charts","charts",{"name":2410,"slug":2411,"type":15},"Data Visualization","data-visualization",{"name":20,"slug":21,"type":15},"2026-06-30T19:00:57.102",{"slug":2415,"name":2415,"fn":2416,"description":2417,"org":2418,"tags":2419,"stars":22,"repoUrl":23,"updatedAt":2427},"adobe-batch-edit-photos","apply consistent photo adjustments","Apply consistent photo adjustments across a set of images so they look like they were edited together. Use this skill whenever the user says \"make my photos look cohesive\", \"give all these the same style\", \"apply a warm and golden feel to all of these\", \"make this cinematic\", \"match the look across my photos\", \"edit all my travel photos the same way\", \"batch edit these\", \"make these consistent\", \"fix my phone photos\", or uploads a folder of photos and wants a unified, polished result. Also triggers for requests like \"apply a preset to all of these\", \"make these look professional\", or \"they were shot in mixed lighting — can you fix them all\". Outputs direct final image URLs plus an in-chat preview grid and optional Firefly Board link. Access: 🔐 Signed-In required | Gen AI: ❌\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2420,2421,2424],{"name":17,"slug":18,"type":15},{"name":2422,"slug":2423,"type":15},"Editing","editing",{"name":2425,"slug":2426,"type":15},"Imaging","imaging","2026-08-28T15:09:11.185865",{"slug":4,"name":4,"fn":5,"description":6,"org":2429,"tags":2430,"stars":22,"repoUrl":23,"updatedAt":24},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2431,2432,2433],{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"name":13,"slug":14,"type":15},{"slug":2435,"name":2435,"fn":2436,"description":2437,"org":2438,"tags":2439,"stars":22,"repoUrl":23,"updatedAt":2448},"adobe-create-social-variations","export platform-ready social media assets","Resize, crop, or export any image or video into platform-ready social media assets using Adobe Creative Cloud tools. Use this skill when a user wants to prepare a photo, image, or video for one or more social platforms — Instagram, TikTok, LinkedIn, Facebook, YouTube, Snapchat, Pinterest, Threads, or X\u002FTwitter. Triggers on: \"prepare my image for Instagram\", \"resize for TikTok\", \"get this ready to post\", \"make versions for all platforms\", \"social media sizes\", \"crop for stories\", \"export for LinkedIn\", \"resize my video for social\", \"make social media assets\", or any request to adapt a photo or video for specific platforms. Handles subject-aware cropping, AI canvas expansion, test previews before full runs, and same-ratio video resizing.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2440,2441,2442,2445],{"name":17,"slug":18,"type":15},{"name":13,"slug":14,"type":15},{"name":2443,"slug":2444,"type":15},"Marketing","marketing",{"name":2446,"slug":2447,"type":15},"Social Media","social-media","2026-08-28T15:10:07.282096",{"slug":2450,"name":2450,"fn":2451,"description":2452,"org":2453,"tags":2454,"stars":22,"repoUrl":23,"updatedAt":2461},"adobe-design-from-template","create visual designs from templates","Create any visual design using Adobe Express templates — flyers, posters, social media posts (Instagram, Facebook, LinkedIn), business cards, invitations, greeting cards, resumes, cover letters, brochures, newsletters, certificates, presentations, YouTube thumbnails, email headers, logos, menus, and labels. Use this skill whenever the user wants to make, design, or build any visual — even if they just say \"make me a flyer\", \"design a poster\", \"I need something for Instagram\", \"create an event invite\", or \"make a business card\". Also handles browsing templates, editing text, replacing images, changing backgrounds, animating, and exporting designs. Access: 🔐 Signed-In required | Gen AI: ❌ by default — image replacement only where the surface permits generative AI (e.g. Codex); none on Claude\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2455,2456,2457,2458],{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"name":13,"slug":14,"type":15},{"name":2459,"slug":2460,"type":15},"Templates","templates","2026-08-28T15:10:03.050113",{"slug":2463,"name":2463,"fn":2464,"description":2465,"org":2466,"tags":2467,"stars":22,"repoUrl":23,"updatedAt":2473},"adobe-edit-quick-cut","create video sizzle reels","Create a punchy sizzle reel from a video using Adobe Quick Cut. Use this skill whenever a user wants to cut, trim, or shorten a video into highlights — including phrases like \"make a sizzle reel\", \"make a highlight reel\", \"quick cut this\", \"cut the best parts\", \"shorten this video\", \"make a highlight clip\", \"summarize this video visually\", or any request to produce a shorter edited version of a video. Use this skill for Quick Cut requests before suggesting manual editing in Premiere. Requires the user to upload a video file.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2468,2469,2470],{"name":17,"slug":18,"type":15},{"name":2422,"slug":2423,"type":15},{"name":2471,"slug":2472,"type":15},"Video","video","2026-08-28T15:09:07.765245",{"slug":2475,"name":2475,"fn":2476,"description":2477,"org":2478,"tags":2479,"stars":22,"repoUrl":23,"updatedAt":2485},"adobe-retouch-portraits","batch retouch portrait photos","Bulk-retouch a folder of portrait photos using Adobe tools — designed for wedding photographers and event photographers who need fast, walk-away batch processing. Use this skill when the user says \"retouch my photos\", \"batch process these portraits\", \"process my wedding photos\", \"clean up this folder of images\", \"run my headshots through Adobe\", or uploads\u002Fselects a folder of photos and wants them polished and ready to review. Automatically applies auto-straighten, auto-tone, and auto-light to every image. Outputs a preview grid and download folder. Access: 🔐 Signed-In required | Gen AI: ❌ by default — optional background-only cleanup only where the surface permits generative AI (e.g. Codex); none on Claude\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2480,2481,2482],{"name":17,"slug":18,"type":15},{"name":2425,"slug":2426,"type":15},{"name":2483,"slug":2484,"type":15},"Photography","photography","2026-08-28T15:09:10.386974",499,{"items":2488,"total":2688},[2489,2510,2533,2550,2565,2584,2603,2617,2633,2647,2659,2672],{"slug":2490,"name":2490,"fn":2491,"description":2492,"org":2493,"tags":2494,"stars":2507,"repoUrl":2508,"updatedAt":2509},"prior-auth-packet-builder","build healthcare prior authorization packets","Build a concise prior authorization packet from local case files and payer policy docs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2495,2498,2501,2504],{"name":2496,"slug":2497,"type":15},"Documents","documents",{"name":2499,"slug":2500,"type":15},"Healthcare","healthcare",{"name":2502,"slug":2503,"type":15},"Insurance","insurance",{"name":2505,"slug":2506,"type":15},"Regulatory Compliance","regulatory-compliance",28169,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-agents-python","2026-08-02T05:48:07.395855",{"slug":2511,"name":2511,"fn":2512,"description":2513,"org":2514,"tags":2515,"stars":2530,"repoUrl":2531,"updatedAt":2532},"aspnet-core","build ASP.NET Core web applications","Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web development. Use when working on Blazor Web Apps, Razor Pages, MVC, Minimal APIs, controller-based Web APIs, SignalR, gRPC, middleware, dependency injection, configuration, authentication, authorization, testing, performance, deployment, or ASP.NET Core upgrades.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2516,2519,2521,2524,2527],{"name":2517,"slug":2518,"type":15},".NET","dotnet",{"name":2520,"slug":2511,"type":15},"ASP.NET Core",{"name":2522,"slug":2523,"type":15},"Blazor","blazor",{"name":2525,"slug":2526,"type":15},"C#","csharp",{"name":2528,"slug":2529,"type":15},"Web Development","web-development",23787,"https:\u002F\u002Fgithub.com\u002Fopenai\u002Fskills","2026-04-12T05:07:02.819491",{"slug":2534,"name":2534,"fn":2535,"description":2536,"org":2537,"tags":2538,"stars":2530,"repoUrl":2531,"updatedAt":2549},"chatgpt-apps","build ChatGPT Apps SDK applications","Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2539,2542,2545,2548],{"name":2540,"slug":2541,"type":15},"Apps SDK","apps-sdk",{"name":2543,"slug":2544,"type":15},"ChatGPT","chatgpt",{"name":2546,"slug":2547,"type":15},"MCP","mcp",{"name":9,"slug":8,"type":15},"2026-04-12T05:07:05.468097",{"slug":2551,"name":2551,"fn":2552,"description":2553,"org":2554,"tags":2555,"stars":2530,"repoUrl":2531,"updatedAt":2564},"cli-creator","build CLIs from API docs","Build a composable CLI for Codex from API docs, an OpenAPI spec, existing curl examples, an SDK, a web app, an admin tool, or a local script. Use when the user wants Codex to create a command-line tool that can run from any repo, expose composable read\u002Fwrite commands, return stable JSON, manage auth, and pair with a companion skill.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2556,2559,2562],{"name":2557,"slug":2558,"type":15},"API Development","api-development",{"name":2560,"slug":2561,"type":15},"CLI","cli",{"name":2563,"slug":40,"type":15},"Codex","2026-04-12T05:07:04.132762",{"slug":2566,"name":2566,"fn":2567,"description":2568,"org":2569,"tags":2570,"stars":2530,"repoUrl":2531,"updatedAt":2583},"cloudflare-deploy","deploy projects to Cloudflare","Deploy applications and infrastructure to Cloudflare using Workers, Pages, and related platform services. Use when the user asks to deploy, host, publish, or set up a project on Cloudflare.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2571,2574,2577,2580],{"name":2572,"slug":2573,"type":15},"Cloudflare","cloudflare",{"name":2575,"slug":2576,"type":15},"Cloudflare Pages","cloudflare-pages",{"name":2578,"slug":2579,"type":15},"Cloudflare Workers","cloudflare-workers",{"name":2581,"slug":2582,"type":15},"Deployment","deployment","2026-04-12T05:07:14.275118",{"slug":2585,"name":2585,"fn":2586,"description":2587,"org":2588,"tags":2589,"stars":2530,"repoUrl":2531,"updatedAt":2602},"define-goal","define and set measurable project goals","Help the user define a concrete, measurable goal before starting work, especially when they ask to use the goal tool, create a goal, set an objective, clarify success criteria, or turn a fuzzy intention into a quantitative outcome. Use this skill for goal creation and goal refinement only; it does not manage durable snapshots, decision logs, or long-running execution artifacts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2590,2593,2596,2599],{"name":2591,"slug":2592,"type":15},"Productivity","productivity",{"name":2594,"slug":2595,"type":15},"Project Management","project-management",{"name":2597,"slug":2598,"type":15},"Strategy","strategy",{"name":2600,"slug":2601,"type":15},"Task Management","task-management","2026-05-23T06:17:16.870838",{"slug":2604,"name":2604,"fn":2605,"description":2606,"org":2607,"tags":2608,"stars":2530,"repoUrl":2531,"updatedAt":2616},"figma","translate Figma designs into code","Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2609,2610,2612,2615],{"name":20,"slug":21,"type":15},{"name":2611,"slug":2604,"type":15},"Figma",{"name":2613,"slug":2614,"type":15},"Frontend","frontend",{"name":2546,"slug":2547,"type":15},"2026-04-12T05:06:47.939943",{"slug":2618,"name":2618,"fn":2619,"description":2620,"org":2621,"tags":2622,"stars":2530,"repoUrl":2531,"updatedAt":2632},"figma-code-connect-components","connect Figma designs to code components","Connects Figma design components to code components using Code Connect mapping tools. Use when user says \"code connect\", \"connect this component to code\", \"map this component\", \"link component to code\", \"create code connect mapping\", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2623,2624,2627,2628,2629],{"name":20,"slug":21,"type":15},{"name":2625,"slug":2626,"type":15},"Design System","design-system",{"name":2611,"slug":2604,"type":15},{"name":2613,"slug":2614,"type":15},{"name":2630,"slug":2631,"type":15},"UI Components","ui-components","2026-05-10T05:59:52.971881",{"slug":2634,"name":2634,"fn":2635,"description":2636,"org":2637,"tags":2638,"stars":2530,"repoUrl":2531,"updatedAt":2646},"figma-create-design-system-rules","generate design system rules from Figma","Generates custom design system rules for the user's codebase. Use when user says \"create design system rules\", \"generate rules for my project\", \"set up design rules\", \"customize design system guidelines\", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2639,2640,2641,2644,2645],{"name":20,"slug":21,"type":15},{"name":2625,"slug":2626,"type":15},{"name":2642,"slug":2643,"type":15},"Documentation","documentation",{"name":2611,"slug":2604,"type":15},{"name":2613,"slug":2614,"type":15},"2026-05-16T06:07:47.821474",{"slug":2648,"name":2648,"fn":2649,"description":2650,"org":2651,"tags":2652,"stars":2530,"repoUrl":2531,"updatedAt":2658},"figma-implement-design","translate Figma designs into application code","Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions \"implement design\", \"generate code\", \"implement component\", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2653,2654,2655,2656,2657],{"name":20,"slug":21,"type":15},{"name":2611,"slug":2604,"type":15},{"name":2613,"slug":2614,"type":15},{"name":2630,"slug":2631,"type":15},{"name":2528,"slug":2529,"type":15},"2026-05-16T06:07:40.583615",{"slug":2660,"name":2660,"fn":2661,"description":2662,"org":2663,"tags":2664,"stars":2530,"repoUrl":2531,"updatedAt":2671},"hatch-pet","create animated pets for Codex","Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character art, generated images, company or prospect brand cues, or visual references. Use when a user wants a lightweight-worker Codex pet workflow, a non-pixel custom pet style, a prospect or company mascot pet, or a full 8x9 animated pet atlas with transparent unused cells, QA contact sheets, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2665,2668,2669,2670],{"name":2666,"slug":2667,"type":15},"Animation","animation",{"name":2563,"slug":40,"type":15},{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},"2026-05-02T05:31:48.48485",{"slug":2673,"name":2673,"fn":2674,"description":2675,"org":2676,"tags":2677,"stars":2530,"repoUrl":2531,"updatedAt":2687},"imagegen","generate and edit raster images","Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG\u002Fvector\u002Fcode-native assets, extending an established icon or logo system, or building the visual directly in HTML\u002FCSS\u002Fcanvas.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[2678,2679,2680,2683,2686],{"name":17,"slug":18,"type":15},{"name":20,"slug":21,"type":15},{"name":2681,"slug":2682,"type":15},"Image Generation","image-generation",{"name":2684,"slug":2685,"type":15},"Images","images",{"name":9,"slug":8,"type":15},"2026-05-15T06:23:24.312127",578]