CasinoClick Test HubDesign team · Editor 15 Oct 2026 · Skill 0.1 alpha rev 9
Testing day

Break it before the campaign does

Two design tools that take a campaign from one key visual to every CasinoClick asset. Use them the way you would on a real campaign and report everything that breaks, looks wrong or slows you down.

Tool 1
/casinoclick-generation-0-1-alpha
Claude skill that generates the campaign master with Clicky in Magnific.
Tool 2
Campaign Editor (the "resizer")
One HTML file: master + stamp in, every on-site, email, landing, social and MMS visual out.
Claude models to compare
Opus 4.6 · Haiku 5.5
Run the same brief on both to see which writes the better image prompt.

Downloads

Campaign Editor · HTML · 1.9 MB
CasinoClick_Campaign_Editor.html
Latest version, 14 Oct 2026. Open it in Chrome or Edge.
Download editor
Copy deck template · XLSX
CasinoClick_Copy_Deck_Template.xlsx
Fill the yellow Text column, then load it in the editor with Import XLSX.
Download template

What you need before you start

  • Chrome or Edge on a desktop or laptop.
  • The Campaign Editor and the copy deck template: download both above. Double-click the editor to open it; nothing to install.
  • A promo stamp: transparent PNG of the promotion logo, for example CASHBACK.
  • Claude with the Magnific connector, and access to both Opus 4.6 and Haiku 5.5 in the model picker. If the skill says its upload is blocked, tell Giovanni: it is a one-time setting.

Test checklist

Tick tests as you finish them; ticks stay in your own browser. Report on a test opens the form with that test filled in.

0 done

How to write a good report

  • One issue per report. Two problems, two reports.
  • Title says what is wrong: "Stamp jumps back after saving", not "Save problem".
  • Attach screenshots: drag them in, pick them, or paste with Ctrl/Cmd + V. Up to 6 per report.
  • Steps someone else can repeat, then what you expected and what happened.
SeverityUse it when
BlockerYou cannot continue, or a wrong visual would ship (wrong size, cut-off Clicky, missing text).
MajorIt works only with a workaround, or it costs real time on a campaign day.
MinorCosmetic: spacing, alignment, a colour, a label.
IdeaNothing is broken, but it could look or work better.
Two-minute version

Quick guide

1 · Generate the master

  1. In Claude, pick the model (Opus 4.6 or Haiku 5.5) and check the Magnific connector is on.
  2. Talk before you generate. Tell Claude about the whole campaign: the offer, the audience, the mood, where the visual will be used. Ask for ideas, attach reference images, and say what you expect to see. Only then ask for the image.
  3. Type /casinoclick-generation-0-1-alpha and the brief, for example /casinoclick-generation-0-1-alpha Cashback, Mode 1, Clicky in a pilot jacket with arms raised, burst of coins around him.
  4. Confirm the mode (Mode 1 standard promo, 2000×2000 · Mode 2 special event, 1536×1024), theme, Clicky's pose and outfit, and the Magnific model.
  5. It shows the image straight away. Check it with the quality list and ask for changes until it passes.
  6. Download it for the editor.

2 · Turn it into every visual

  1. Home → Master image: pick the same mode the image was generated in, upload it.
  2. Home → Promo stamp: upload the transparent PNG.
  3. Home → Import XLSX: load the copy deck so every layout gets real copy.
  4. Frame each banner: move and zoom the picture, place the stamp. Each banner keeps its own.
  5. Check every channel: On site, Email, Landing pages, Social media, SMS / MMS.
  6. Export from each tab, then Save (Cmd/Ctrl + S).

Gestures cheat sheet

ToDo this on the banner preview
Move the stampDrag the stamp
Resize the stampScroll over it, or Stamp − / + and the slider
Move the pictureDrag anywhere that is not the stamp or another element
Zoom the pictureScroll on the picture, or Picture − / +
Nudge the selected itemArrow keys, Shift for 10×; + / − to resize
Start overReset stamp, Reset picture or Reset layout
Detailed guide · Tool 1

Generate the master

Important: talk first, generate second. Before asking for the image, have a short conversation with Claude about the whole project: the campaign, the offer, the audience, the mood and where it will run. Ask for help and ideas, add reference images if you have them, and say what you expect. Claude writes a much better image prompt when it understands the goal.

/casinoclick-generation-0-1-alpha generates the campaign's key visual in Magnific. Clicky and the GC / SC coins are locked to reference images bundled in the skill, so every designer gets the same character, and the result is composed so the editor can crop it into every banner.

LookGlossy high-end 3D, Pixar-quality lighting, cinematic depth of field
PaletteNavy #0D1128 base · amber #FFA814, gold #FFD000 · azure #038AFF, cyan #00D9FF, violet #6B5B95
ClickyLight blue glossy 3D cursor-arrow, big eyes, white gloves, round platform shoes. Outfit changes per theme; anatomy, eyes, proportions and colour never change
CoinsGC gold (#FFE264→#D77001) and SC blue neon (#5BD4FF→#0042FF), each with its own lettering. Never ask for $ or currency symbols

Modes and safe areas

Mode 1: Standard promotionsMode 2: Special events
OffersCashback, Prize Drop, discounts, Free Spins, Free CoinsRaffles, leaderboards, prize pools, seasonal events, Black Friday
Size2000×2000 square1536×1024 landscape
CompositionClicky and props only in the central 800×800; about 600 px of calm background on all four sidesClicky at about 65% across, at least 20% empty space on his right, left 50% calm for text
TextNone in the image; the headline is set in the editorNone in the master; a separate campaign logo is generated on a transparent background

Why the empty borders matter. The editor slices thin strips (1920×404, 900×85, 1228×230) and narrow columns (159×408 substory) out of the master. Anything near an edge gets cut, so Clicky and the coins stay inside the safe zone.

Models

Claude model, writes the prompt. Today we compare Opus 4.6 and Haiku 5.5: same brief, same mode, same Magnific model, then judge which image is closer to on-brand. Pick the model in Claude before you start the chat, and name it in your report.

Magnific model, draws the image.

ModelVisual result
Seedream 5 ProRich scenes and environments. Coins often come out as plain discs. Always outputs 2048×2048, so a Mode 2 image needs a crop to 3:2
GPT 2.5Coins carry the correct GC / SC lettering; good for event artwork and logos. Outputs the exact size asked

From brief to editor

  1. Pick the Claude model and start a new chat.
  2. Talk before you generate. Give Claude the overall picture first: what the campaign is, the offer, who it is for, the mood, the channels it will run on. Ask for help shaping the idea, attach reference images (past masters, moodboards, screenshots), and describe what you expect the image to look like. A good conversation makes a better prompt.
  3. Then type /casinoclick-generation-0-1-alpha with the brief, or ask "generate the master image for Prize Drop".
  4. Confirm what it asks: campaign name, mode, theme, Clicky's pose and outfit.
  5. It loads the Clicky and coin references, generates and shows the result straight away.
  6. Check it with the quality list. Ask for changes until it passes; it never regenerates without showing you first.
  7. Mode 2: it also makes the campaign logo on a transparent background. Upscale if needed.
  8. Download, then in the editor: Home → Master image, same mode.

Briefs that work: name the setting precisely ("tropical pirate cove at twilight", "neon city night", "snowy mountain at aurora"), Clicky's pose and outfit, and what the coins do ("burst of gold GC coins and glowing blue neon SC coins around him").

What the prompts look like

The skill writes them for you. Knowing the shape helps you brief and judge Opus vs Haiku. Mode 1:

CasinoClick social casino campaign master image, square 2000×2000.
Glossy high-end 3D cartoon render, Pixar-quality lighting.

SMALL CENTERED HERO: [Clicky + a compact burst of gold GC coins
and neon blue SC coins around him]

Clicky: match official character reference, [POSE/OUTFIT].
DO NOT alter anatomy, proportions or color.
Coins: match official coin reference exactly. NO dollar signs, NO symbols.

COMPOSITION: hero group ONLY in the central third. Outer border on
ALL FOUR SIDES empty calm background [MOOD], NO coins, NO objects.
Wide zoomed-out framing. NO text, NO letters, NO numbers, NO logos.

Mode 2:

Clicky celebrating in a [THEME] scene. Wide 3:2 landscape.
Clicky RIGHT-CENTER at ~65% horizontal, [OUTFIT], at least 20% empty
floor to his RIGHT. LEFT 50% = clean dark gradient for text.
Gold GC coins and glowing blue neon SC coins in the centre-right zone,
NOT reaching the right edge. Blurred [BACKGROUND], [ATMOSPHERE].
Clicky sharp, background blurred. NO text anywhere in the image.

Quality check

Mode 1Mode 2
Hero group inside the central 800×800Clicky at about 65% across, not touching the right edge
All four borders calm: no coins, no propsLeft 50% calm and clean for text
Clicky whole: head, hands, feetCoins only in the centre-right zone
A 900×85 strip still shows Clicky's torsoClicky's head well clear of the top edge

Both modes: Clicky matches the references (eyes, gloves, round shoes, proportions, colour) · GC gold and SC blue neon with the right lettering, no dollar signs · navy base with gold/amber and cyan/azure accents · cinematic 3D with depth of field · nothing touches any edge · no text in the scene.

Common problems and fixes

ProblemAsk for
Content fills the frame, no safe areas"ONLY the central third", "outer border on all four sides empty", "wide zoomed-out framing, lots of negative space"
Hero too big (Mode 1)"Occupies only the central third, wide zoomed-out framing"
Clicky touches the right edge (Mode 2)"At least 20% empty floor space to the RIGHT of Clicky"
Clicky's head cut in thin banners"Clicky's head well below the top edge, generous space above"
Coins show $ or wrong symbolsRemove every currency word; switch to GPT 2.5 for the GC / SC lettering
Text appears in the scene"NO text, NO letters, NO numbers" again; try Seedream instead of GPT 2.5
Clicky looks wrong"Match the official character reference exactly. DO NOT alter anatomy."
Scene feels emptyDescribe the whole environment: background elements, light, atmosphere
Mode 2 image comes out squareSeedream is always square: crop to 3:2, or use GPT 2.5
Detailed guide · Tool 2

Campaign Editor

One HTML file turns the master, the promo stamp and the copy into every visual of the campaign. Open it in Chrome or Edge.

TabVisuals
On site20 placements: lobby, promotions, Smartico, tournaments, raffles, store substory, profile widget, email header and substories. PNG and 7 s MP4
Email600×300 hero with stamp, big headline, full email preview
Landing pagescasino.click layout in 3 versions: Standard promo, Pick the Box, Scratch & Win
Social mediaStatic PNG or 8 s MP4 in 9:16, 4:5, 1:1, Facebook 1200×630, YouTube 16:9
SMS / MMS600×600 MMS image
Ticket previewAll banners in their real slots, to paste in Jira or Slack

Master, stamp and copy

Master image. Pick the mode the image was generated in. Mode 1 = 2000×2000 square, hero inside the central 800×800. Mode 2 = landscape (1536×1024), Clicky at about 65% across. Every channel crops from this one file.

Coin amounts. Write offers as you like ("5000 GC", "GC 5,000", "250K GC", "10 sc free"): every banner, email, social post and MMS shows them by the Brand Hub rules, currency first and full numbers (GC 250,000), with the coin icon, GC gold and SC blue. "10 FREE SC SPINS" stays white with no icon. Change it on Home → Coin amounts in copy: with icons (default), formatted without icons, or as typed. Emails load the icons from the Brand Hub.

Site logo. "Logo overlay" draws the CasinoClick logo on social. Choose "Logo in image" when the master already has it. The logo is never drawn on on-site banners.

Promo stamp. Transparent PNG. It appears on every banner and you place it per banner. "Remove stamp" takes it off everywhere.

Copy. Import the copy deck so every layout shows the real text. The editor never invents example text: a field the deck lacks stays empty until you type it, and the import box lists those fields.

Stamp and pictures

Each banner keeps its own stamp position and picture framing: moving the stamp on the 9:16 story does not touch the 1:1 feed or any on-site banner.

ChannelWhere you frame it
On siteDirectly on each banner card, plus Image, Text and Stamp − / + buttons
Email"Hero image 600×300" box in the left panel: exactly what ships
Landing"Hero image" box in the left panel
SocialDirectly on the large preview, per format
SMS / MMSDirectly on the 600×600 image: headline, button, logo and stamp all move

The dashed yellow outline on a selected stamp shows in the editor only, never in exports.

On-site banners

  • Drag the text block, the legal line or the stamp to move it; drag anywhere else to move the picture.
  • Scroll over the stamp to resize it; scroll elsewhere to zoom the picture. Image, Text and Stamp − / + do the same.
  • Own image swaps the master on that banner only. Reset restores the card.
  • Play previews the 7 s motion; PNG and MP4 export that banner. Download all (PNG) and Export all motion (MP4) do every placement.

The button stays fixed in place. The stamp starts top-right on wide banners and top-centre on tall ones until you move it. Email substories export at 2× for retina.

Email

  • Frame the hero and place the stamp in "Hero image 600×300". Download hero 600×300 exports it with the text and the stamp.
  • Hero image text: Line 1 (white), Line 2 (orange, the offer) and a small subline are written on the image, with a shade behind them (None to Strong). Drag the text on the hero preview to move it, scroll on it or use Text − / + to resize, Reset text to put it back. The copy deck fills them from banner.line1, banner.line2, banner.subline.
  • Headline (big): line 1 is the big Anton headline, the next lines are the amber subline. **word** turns a word cyan.
  • In the body, **word** turns amber and bold. Empty blocks are left out of the email.
  • Check Desktop and Mobile. Gmail and Outlook show the headline in Impact instead of Anton: same big, condensed look.

Landing pages

The layout follows casino.click/join-halloween: header, hero with the master as background (right side on desktop, under the button on mobile), offer cards, how-it-works steps, game (Pick the Box and Scratch & Win only), closing banner, footer.

  • Empty fields and sections are not shown.
  • SC, FS or GC in an offer line or card shows the matching coin. SC and FS cards get the amber highlight; GC cards stay white.
  • Headline: **word** turns cyan. Elsewhere **word** turns amber.
  • Check Desktop and Mobile, then Download HTML or Download all 3 versions.

Social media

  • Layout: CasinoClick post (default) follows the approved Halloween posts: headline on top (orange or white), optional second line, optional bottom line and orange prize badge, white logo bottom left, one-line legal bottom right. Classic 3 screens keeps the old animated layout.
  • CasinoClick post: drag the headline, bottom line, badge and stamp on the preview, scroll on them to resize. Logo and legal never move. Reset text positions puts the current format back to the template.
  • Background video (optional): upload the text-free animated version of the master (MP4, 8–10 s). The MP4 export lasts as long as the video. Upload it again after reopening a saved campaign.
  • Copy deck keys: social.post.headline, social.post.sub, social.post.tagline, social.post.badge (| = new line in the badge).
  • Output: Static (PNG), one finished post; or Video (MP4). Classic layout: 8 s in three screens with five animation styles.
  • Pick a Format, then move and zoom the picture and place the stamp on the preview. Repeat per format: each keeps its own framing.
  • Static: Export static PNG or Static PNG all formats. Video: Export MP4, MP4 all formats, Export 3 screens PNG.

Keep the tab visible while a video records, or frames are skipped.

MMS image

  • Set the headline (a new line in the field is a new line on the image), the button text, the style (Dark or Brand gradient), the picture strength and the logo.
  • On the image, drag the headline, button, logo or stamp; scroll over one to resize it. Drag the background to move the picture.
  • Reset layout starts over; Download MMS image exports a clean 600×600 JPG.

Saving

Save (Cmd/Ctrl + S) stores everything inside the editor file: master, stamp, copy, every framing and stamp position. Reopen the file and it is exactly as you left it. Each save is a new version; older ones go to Saved history.

Answers

FAQ

Feedback

Report a bug or idea

Every report, screenshots included, is saved on the shared board below: refresh or come back tomorrow and it is still there. Search the board first so we don't get duplicates.

Screenshots · drop images here, click to choose, or paste with Ctrl/Cmd + V. PNG, JPG, WebP or GIF, up to 6, 8 MB each.
Connecting to the shared board…