--- title: "Campaign Mockup Maker | FLORA" description: "The hero shot came back approved, and now everyone wants to see it running. Give your agent that one image and it builds the out-of-home placements, the social resizes, and the deck you present them in." url: "https://flora.ai/campaign-mockup-maker" --- FLORA MCP Skill # Campaign Mockup Maker The hero shot came back approved, and now everyone wants to see it running. Give your agent that one image and it builds the out-of-home placements, the social resizes, and the deck you present them in. Get started **Claude AI** #### Copy the FLORA connector URL You'll paste this URL into Claude in the next step. https:// agents.flora.ai/mcp #### Add FLORA as a custom connector In the Claude desktop app or claude.ai, open Customize → Connectors, then + Add → Add custom connector. Name it FLORA, paste the URL and click Add. It also works in Claude Code sessions in the desktop app. [Add custom connector](https://claude.ai/customize/connectors?modal=add-custom-connector) #### Sign in and start creating Click Connect on FLORA and sign in, then open Claude with the prompt ready — say what you want mocked up. [Start creating](https://claude.ai/new?q=Using%20the%20FLORA%20MCP%2C%20create%20a%20campaign%20deck%20from%20this%20image%3A%20https%3A%2F%2Ftry.flora.ai%2Flp%2Fcampaign-mockup-maker%2Fbloom.jpg%20%E2%80%94%20a%20finished%20out-of-home%20poster%20design%2C%20portrait%20orientation%20(2%3A3%2C%20~2352%C3%973520px).%20The%20artwork%20features%20one%20large%2C%20richly%20textured%20red%20poppy%20flower%20centered%20against%20a%20muted%2C%20cool-toned%20background%20(slate%20grays%2C%20deep%20greens%2C%20charcoal).%20The%20tagline%20%22COME%20INTO%20BLOOM%22%20is%20set%20in%20clean%20sans-serif%20type%20at%20the%20lower-left%20corner.%20No%20people%2C%20no%20logo%2C%20no%20other%20elements%20%E2%80%94%20just%20the%20poppy%20motif%20and%20the%20line.) Requires steps 1-2 completed first. #### What you type Once FLORA is connected, the skill runs from a sentence. Attach the artwork — no project needed. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck.` Or point at a project you already have. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck in my Meridian SS26 project.` **Claude Code** #### Install FLORA Adds the marketplace, then the plugin — the MCP server and every FLORA skill. ``` claude plugin marketplace add florafauna-ai/flora-mcp-skills claude plugin install flora-mcp-skills@flora ``` #### Connect and start creating Sign in, then ask Claude Code to generate a campaign deck. #### What you type Once FLORA is connected, the skill runs from a sentence. Attach the artwork — no project needed. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck.` Or point at a project you already have. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck in my Meridian SS26 project.` **Cursor** #### Add FLORA to your MCP config Drop this into ~/.cursor/mcp.json, or the project's .cursor/mcp.json. ``` { "mcpServers": { "flora": { "type": "http", "url": "https://agents.flora.ai/mcp" } } } ``` #### Start creating in Cursor Cursor signs in through the browser the first time it calls a FLORA tool. Paste into Cursor’s chat. #### What you type Once FLORA is connected, the skill runs from a sentence. Attach the artwork — no project needed. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck.` Or point at a project you already have. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck in my Meridian SS26 project.` **Codex** #### Add the FLORA server Two commands: add the server, then sign in through the browser. ``` codex mcp add flora --url https://agents.flora.ai/mcp codex mcp login flora ``` #### Start creating in Codex The prompt points Codex at the skill, then at the job. Paste into Codex’s chat. #### What you type Once FLORA is connected, the skill runs from a sentence. Attach the artwork — no project needed. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck.` Or point at a project you already have. `Use the FLORA MCP and discover the flora-mockup-deck skill. Mock this up out of home — four placements plus social sizes, laid out as a deck in my Meridian SS26 project.` ## Start with one image and it handles the rest. Input - A visual assetA poster, key visual or finished ad, attached to the chat or already sitting on your FLORA canvas. - Or a line of textDescribe the ad instead and it builds the master creative first, then shows you that before it renders the other seven. Output - 4 OOH placementsGable end, transit platform, roadside 48-sheet, construction hoarding. - 3 Social resizes1:1, 4:5 and 9:16, padded from the same plate rather than cropped. - 1 Annotated PDFEvery placement laid out with its brief printed beside it. ## See your campaign everywhere ### Out of Home ### Resized Social Assets and PDF Deck ## Frequently asked questions Everything else worth knowing before you connect it. [Start creating](https://claude.ai/new?q=Using%20the%20FLORA%20MCP%2C%20create%20a%20campaign%20deck%20from%20this%20image%3A%20https%3A%2F%2Ftry.flora.ai%2Flp%2Fcampaign-mockup-maker%2Fbloom.jpg%20%E2%80%94%20a%20finished%20out-of-home%20poster%20design%2C%20portrait%20orientation%20(2%3A3%2C%20~2352%C3%973520px).%20The%20artwork%20features%20one%20large%2C%20richly%20textured%20red%20poppy%20flower%20centered%20against%20a%20muted%2C%20cool-toned%20background%20(slate%20grays%2C%20deep%20greens%2C%20charcoal).%20The%20tagline%20%22COME%20INTO%20BLOOM%22%20is%20set%20in%20clean%20sans-serif%20type%20at%20the%20lower-left%20corner.%20No%20people%2C%20no%20logo%2C%20no%20other%20elements%20%E2%80%94%20just%20the%20poppy%20motif%20and%20the%20line.) ### What is this? Campaign Mockup Maker is a FLORA skill you run from Claude, Cursor or Codex. Give it approved artwork and it returns four out-of-home mockups, three social sizes, and a PDF laid out for a client presentation. ### How can I use this? In the Claude app — desktop or claude.ai — add FLORA as a custom connector and run it from any chat. Attach the artwork or point at an asset in a FLORA project. Claude Code, Cursor and Codex connect the same way. Or use it in the browser with nothing installed at all. Open your canvas project in FLORA and click "Open in Agent": the agent drives that live canvas over WebMCP. The open canvas is the context, so "mock this poster up out of home and lay it out as a deck" is the whole prompt. ### What exactly does it give me back? Four square-on out-of-home placements — a gable end, a transit platform, a roadside 48-sheet and a construction hoarding — plus three social resizes at 1:1, 4:5 and 9:16, and an annotated PDF laying all of it out. ### Does it redraw my artwork? No. The creative is reproduced exactly and never regenerated. The placements put your approved plate into a scene; the resizes cut the same plate to a new ratio, padding or letterboxing rather than repainting it. ### Which agents can run it? Claude Code, Claude AI, Cursor and Codex all connect to the FLORA MCP server directly. In the browser there is WebMCP, where the agent drives your live canvas with nothing installed at all. ### Do I need a FLORA project set up first? No. You can attach the artwork straight to the chat and the skill will work from that. If you already have a project, you can point at an asset inside it instead, and in the browser the open canvas is the context. ### What plan do I need? The MCP server requires a FLORA paid plan, Starter and above. The skills themselves are open source and live in the flora-mcp-skills repo. ## Build your next client presentation out of the artwork you already have. [Start creating](https://claude.ai/new?q=Using%20the%20FLORA%20MCP%2C%20create%20a%20campaign%20deck%20from%20this%20image%3A%20https%3A%2F%2Ftry.flora.ai%2Flp%2Fcampaign-mockup-maker%2Fbloom.jpg%20%E2%80%94%20a%20finished%20out-of-home%20poster%20design%2C%20portrait%20orientation%20(2%3A3%2C%20~2352%C3%973520px).%20The%20artwork%20features%20one%20large%2C%20richly%20textured%20red%20poppy%20flower%20centered%20against%20a%20muted%2C%20cool-toned%20background%20(slate%20grays%2C%20deep%20greens%2C%20charcoal).%20The%20tagline%20%22COME%20INTO%20BLOOM%22%20is%20set%20in%20clean%20sans-serif%20type%20at%20the%20lower-left%20corner.%20No%20people%2C%20no%20logo%2C%20no%20other%20elements%20%E2%80%94%20just%20the%20poppy%20motif%20and%20the%20line.) Get started