# Mascot prompt pack

From "How to Create a Consistent AI Mascot and Prepare It for Animation", The Engineer Desk.
https://theengineerdesk.com/journal/consistent-ai-mascot-animation

Replace every [BRACKETED] part with your own details. Send the image prompts in one ChatGPT chat, in order, so the style stays consistent.

## 1. First scene: the character at work

```text
Create a wide 3:2 website hero illustration for [PRODUCT], a [ONE-LINE DESCRIPTION]. The story: "[THE STORY IN ONE SENTENCE]."

CHARACTER
An original, lovable little robot:
- Head: a rounded square shaped exactly like the attached logo tile, in the same colors, with two friendly white oval eyes and a small, happy curved mouth. Use the logo mark only as a small symbol on its chest
- Body: a small, soft white bean shape with a satin finish
- Arms: two short, expressive arms with simple rounded mitten hands
- Base: it balances on one small rounded wheel instead of legs
- Personality: cheerful, focused, proud of its work
- Cute, simple shapes that would be practical to animate

SCENE
A single miniature room, like a handmade studio model, in a 3/4 view, placed on the right side of the image:
- [DESCRIBE THE SETTING, FOR EXAMPLE: a simple white desk with rounded corners]
- [DESCRIBE WHAT THE CHARACTER IS DOING, FOR EXAMPLE: typing on a laptop with one hand and sending off a post card with the other]
- [ONE OR TWO DETAILS THAT TELL THE STORY, FOR EXAMPLE: an empty office chair with a jacket on it]

STYLE
Polished, warm and tactile, with soft light. Use white, [BRAND COLOR 1], [BRAND COLOR 2] and small warm accents. Keep the background plain white and the left half of the image completely empty for a website headline.

AVOID
Astronauts, helmets, visors, space suits, galaxies, sparkles, conveyor belts, factories, circular platforms, grayscale clay, people, real company logos, text, numbers and watermarks.
```

## 2. Correction round: fix specific problems

```text
Good concept. Keep the story and overall style, but rebuild the image with these corrections.

CHARACTER
- Head: exactly the rounded square shape of the attached logo tile, not a wide capsule. Use the logo's exact colors, [HEX 1] to [HEX 2]. Make it one smooth surface, with no inset panel, visor or screen
- Face: two simple white oval eyes set directly on the head, with small pupils looking calmly at the viewer, and a small, happy curved mouth
- Wheel: fully visible and clearly attached under the body

POSITION
- The character is the clear focus, in the center of the scene, behind the desk and facing the viewer in a slight 3/4 view
- [WHERE EACH HAND IS AND WHAT IT HOLDS]

MAKE IT ABOUT [YOUR PRODUCT]
- [THE ONE CHANGE THAT MAKES THE IMAGE SAY WHAT YOUR PRODUCT DOES. OURS: every card is now a small social media post with a colorful image thumbnail, two short gray lines and a tiny heart icon, with no words]

ROOM
- Make it a clean room corner with two walls and one floor, all in the same perspective
- [FIX ANY OBJECTS THAT LOOK WRONG, FOR EXAMPLE: one coffee mug with a single handle]

LIGHT AND BACKGROUND
- Use clean, neutral studio light with one warm pool of light from the desk lamp, only on the desk
- Make the background outside the room pure white, with no glow or gradient
- Keep the left 40% of the image completely empty

AVOID
Visors, helmets, astronauts, googly eyes, duplicate objects or handles, real company logos, text, numbers and watermarks.
```

## 3. Character sheet: the same character in eight poses

```text
This character is very close. Create its official character sheet, keeping the same design: [LIST THE PARTS, FOR EXAMPLE: rounded blue square head, white bean body, blue mitten hands, logo on the chest and a blue-and-white wheel].

Refine only these details:
- Eyes: slightly smaller and calmer, set a little deeper into the head, so they look friendly and intelligent, not googly
- Gaze: both pupils look directly at the viewer unless the pose says otherwise
- [ANY OTHER SMALL FIX]

Show the same character 8 times on a pure white background, evenly spaced, with nothing overlapping or cropped:
1. Front view, neutral
2. Three-quarter view, neutral
3. Side view, neutral
4. Back view
5. Typing with both hands, looking down, focused
6. Holding up a small [PROP] with one hand, looking at it proudly
7. Waving at the viewer, happy
8. Eyes closed in a happy smile, leaning back, satisfied

Keep the proportions, colors, face and materials identical in every pose. Use soft, neutral studio light with gentle contact shadows.

Avoid props other than the [PROP], backgrounds, visors, helmets, text other than the logo on the chest, labels, numbers and watermarks.
```

## 4. Parts 1: the empty background

```text
Recreate the same room with the same angle, style and lighting, but remove the character and the flying [PROPS]. Keep [LIST EVERY OBJECT THAT STAYS]. Leave a clear margin around the whole room, with nothing touching the image edges. The background is pure white. No text or watermarks.
```

## 5. Parts 2: the small props on green

```text
In the same style, create a sheet of separate small objects: [LIST THEM, FOR EXAMPLE: 3 social media post cards with different colorful image thumbnails, 2 pink heart bubbles, 2 purple comment bubbles, a wisp of soft white steam and a soft yellow moon]. Space them widely with nothing overlapping. Use one flat, solid bright green background (#00FF00), with no shadows on it. No text or watermarks.
```

## 6. Animation brief for Claude Code

```text
I have an approved illustration of our mascot at [APPROVED IMAGE PATH], an empty background at [BACKGROUND PATH], and a props sheet on flat green at [PROPS PATH]. Build a looping animation for our website hero.

Work in a scratch folder first, and do not change the live site.

1. Remove the green from the props sheet and save each prop as its own transparent WebP.
2. Cut the character into layers from the APPROVED image, not from any parts sheet: [LIST LAYERS, FOR EXAMPLE: head, closed-eye head, body, arm, typing hand, wheel]. Rebuild any background that a moving part uncovers.
3. Assemble the layers over the background so the still frame matches the approved image.
4. Animate a [LENGTH, OURS WAS 12]-second seamless loop:
   - [WHAT THE CHARACTER DOES, FOR EXAMPLE: types, blinks, lifts a post card, throws it onto the calendar three times, waves at the viewer]
   - [WHAT THE PROPS DO, FOR EXAMPLE: cards fly in an arc and land, a heart pops up on each landing, coffee steam drifts]
   - Make every pose a function of time, so the loop has no jump at the end.
5. Use no animation library unless the project already has one.
6. Respect prefers-reduced-motion by showing one still frame that tells the story. Add a pause button. Pause the animation when it is off screen.
7. Keep all images together small enough to load quickly. Tell me the total size.

When you check your work, put frames from the animation next to the approved image and list every difference you see. Do not tell me it looks right until you have compared them side by side.
```