Skip to content

Mascot: Percy the Peacock

Character Profile

  • Name: Percy the Peacock
  • Species: Peacock
  • Personality: Creative, proud (in a good way), encouraging, expressive
  • Catchphrases:
    • "Let's make it visual!"
    • "Display it with style!"
    • "Let's spread some knowledge!"
  • Visual: Royal blue body, orange-gold tail feather accents, small round designer glasses, stylus tucked behind one wing, data-viz motifs in tail feather eye-spots
  • Art style: Modern flat vector, clean lines, transparent background

Voice Characteristics

  • Uses clear, design-oriented language
  • Occasionally uses visual metaphors and display puns
  • Refers to students as "designers" or "visual thinkers"
  • Signature phrases: "Let's make it visual!", "Display it with style!", "Let's spread some knowledge!"

Placement Rules

Context Admonition Type Frequency
General note / sidebar mascot-neutral As needed
Chapter opening mascot-welcome Every chapter
Key concept mascot-thinking 2-3 per chapter
Helpful tip mascot-tip As needed
Common mistake mascot-warning As needed
Section completion mascot-celebration End of major sections
Difficult content mascot-encourage Where students may struggle

Do's and Don'ts

Do:

  • Use Percy to introduce new topics warmly
  • Include a catchphrase in welcome admonitions
  • Keep dialogue brief (1-3 sentences)
  • Match the pose/image to the content type

Don't:

  • Use Percy more than 5-6 times per chapter
  • Put mascot admonitions back-to-back
  • Use the mascot for purely decorative purposes
  • Change Percy's personality or speech patterns

AI Image Prompts

Base Character Prompt

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
In this session we will be generating a set of images for a new book
on interactive infographics.  We will be asking you to generate
a set of images.  Each image will be a square 500x500 png image with
a fully transparent background on zero extra padding around the edges
of the images.  DO NOT generate a white checkered background.
Our mascot is called "Percy the Peacock".

A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, png image on a fully transparent background,
suitable for embedding in educational content. No text in image.

Pose 1: Neutral/Default

File: docs/img/mascot/neutral.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
Now please generate a new 500x500 png image with a transparent background.
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy stands upright in a relaxed, neutral pose facing the viewer directly,
with a calm and friendly closed-beak smile. Wings rest naturally at his sides
with no specific gesture. His tail is loosely folded behind him. The pose is
balanced and unassuming — suitable as a general-purpose default illustration.

Pose 2: Welcome/Introduction

File: docs/img/mascot/welcome.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
Please generate a new 500x500 png image with a transparent background.
The image is a "Welcome" image.
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy is waving one wing cheerfully, facing the viewer with a warm, welcoming
expression. His tail feathers are spread in a partial fan display, as if
putting on a welcoming show. The pose suggests "welcome" and "let's get started."

Pose 3: Thinking/Teaching

File: docs/img/mascot/thinking.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
Please generate a new 500x500 png image with a transparent background.
Make it stylistically the same as the prior images.
The image is of Percy the Peacock Thinking.
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy has one wing on his chin in a thoughtful pose, looking upward with
curiosity. A small lightbulb glows above his head. His glasses have slid
slightly down his beak. The pose suggests deep thinking and discovery.

Pose 4: Pointing/Tip

File: docs/img/mascot/tip.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
Please generate a new 500x500 png image with a transparent background.
Make it stylistically the same as the prior images.
The image is of Percy the Peacock giving a tip.
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy is pointing upward with one wing feather as if sharing an important
design tip. He holds his stylus in the other wing like a pointer. Expression
is helpful and knowing. A small star or sparkle near the pointing gesture.

Pose 5: Warning/Caution

File: docs/img/mascot/warning.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
Please generate a new 500x500 png image with a transparent background.
Make it stylistically the same as the prior images.
The images is of Percy the Peacock giving a friendly warning.
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy holds up both wings in a gentle "stop" or "be careful" gesture.
His tail feathers are pulled in tight. Expression is concerned but caring,
peering over his glasses with a slightly raised eyebrow. A small exclamation
mark floats nearby.

Pose 6: Celebration

File: docs/img/mascot/celebration.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
Please generate a new 500x500 png image with a transparent background.
Make it stylistically the same as the prior images.
The image is for Percy Celebration
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy spreads both wings wide and fans his tail feathers in a full, magnificent
display. Expression is joyful and proud, eyes squinted in a big smile.
Small confetti and colorful sparkles surround him. The full tail fan shows
the data-viz motifs in all their glory.

Pose 7: Encouraging

File: docs/img/mascot/encouraging.png

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
Please generate a new 500x500 png image with a transparent background.
Make it stylistically the same as the prior images.
The image is for Percy Encouraging.
A modern flat vector illustration of Percy the Peacock, a friendly pedagogical
mascot for an interactive infographics textbook. Percy is a stylish peacock
with a royal blue body and orange-gold accent details on his tail feathers.
He wears small round designer glasses and has a stylus tucked behind one wing.
His tail feathers are partially fanned, with subtle data-visualization motifs
(tiny charts, dots, and connecting lines) woven into the eye-spots of the
feathers. Percy has bright, confident, friendly eyes with a warm expression.
The character is small and compact, suitable for icon-sized display.
Style: modern flat vector, clean lines, transparent background,
suitable for embedding in educational content. No text in image.
Percy gives a wing thumbs-up with a warm, reassuring smile. He leans slightly
forward in an approachable, supportive stance. His tail feathers glow softly
with a gentle shimmer. The pose radiates confidence and "you can do it" energy.

Image Specifications

  • Format: PNG with transparent background
  • Generation size: 1024x1024 pixels
  • Display size: 200x200 to 400x400 pixels
  • File size target: Under 100KB per image

File Structure

1
2
3
4
5
6
7
8
docs/img/mascot/
├── neutral.png       # General purpose / default
├── welcome.png       # Chapter openings
├── thinking.png      # Key concepts
├── tip.png           # Tips and hints
├── warning.png       # Warnings
├── celebration.png   # Achievements
└── encouraging.png   # Difficult sections

Next Steps

  1. Copy each pose prompt above into your AI image generator (ChatGPT/DALL-E, Midjourney, etc.)
  2. Generate at 1024x1024, save to docs/img/mascot/ with the filenames listed above
  3. Trim excess padding from images (AI generators often add too much whitespace)
  4. Set up CSS admonitions (Option 2 recommended) — see book-installer skill
  5. Add Percy character guidelines to CLAUDE.md for consistent AI-generated content

References

ChatGPT Transcript Generating Mascot Images