AI Image Generation Workflow¶

This document describes how Claude Code (or future AIs) should use ChatGPT/DALL-E access to generate marketing images for Nutri-E.

Overview¶

Purpose: Generate high-quality marketing images, social media content, and website assets for Nutri-E.

Tools Available: - ChatGPT with DALL-E: AI image generation - Character Guidelines: Nutri-E (purple/blue) and Cuti-E (pink/coral) mascots - Brand Documentation: MARKETING_GUIDE.md, CLAUDE.md

Before Generating Images¶

1. Search Existing Inventory First¶

ALWAYS check if a suitable image already exists before generating new ones:

# Search by character
./gdrive-sync/search-screenshots.sh cuti-e-only
./gdrive-sync/search-screenshots.sh both-mascots

# Search by theme/category
./gdrive-sync/search-screenshots.sh category social-media
./gdrive-sync/search-screenshots.sh theme engagement

# Search by text content
./gdrive-sync/search-screenshots.sh text "vitamin C"

2. Review Brand Guidelines¶

Read MARKETING_GUIDE.md sections: - Brand Mascots (lines 42-57) - Character appearances and personalities - DALL-E Prompt Guidelines (lines 127-164) - How to write effective prompts - Prohibited Content (lines 434-446) - What NOT to include

3. Define Image Requirements¶

Determine: - Purpose: Social media? App store? Website hero? - Characters: Nutri-E only? Cuti-E only? Both together? - Theme: Engagement? Educational? Feature showcase? - Dimensions: Square (1080x1080)? Vertical (1080x1920)? Landscape? - Text overlay: What message needs to appear? - Use case: TikTok? Instagram? App Store screenshot?

Image Generation Process¶

Step 1: Write the DALL-E Prompt¶

Use this template:

[Character description] + [Action/pose] + [Setting/background] +
[Color palette] + [Style] + [Text elements if needed]

Example Prompts:

Nutri-E Only (Primary Mascot):

"Purple egg-shaped mascot character named Nutri-E with large cute eyes
and friendly smile, holding a smartphone displaying health app interface,
standing on gradient orange-to-purple background, 3D render style, clean
professional aesthetic, health and wellness theme, cheerful lighting"

Cuti-E Only (Support Character):

"Pink egg-shaped mascot character named Cuti-E with large cute eyes and
caring expression, wearing customer support headset, sitting at modern
desk with computer, pastel pink and coral color palette, 3D render style,
friendly supportive atmosphere, office background"

Both Mascots Together:

"Two egg-shaped mascot characters: purple Nutri-E (left, slightly sad)
and pink Cuti-E (right, cheerful and supportive), standing side by side,
Cuti-E has arm around Nutri-E in comforting gesture, orange gradient
background, 3D render style, emotional support theme, warm lighting"

Educational/Symptom Awareness:

"Purple egg-shaped mascot Nutri-E looking tired and holding coffee mug,
sitting down with exhausted expression, orange background, vitamin deficiency
illustration style, 3D render, health awareness theme, soft dramatic lighting,
with floating vitamin C bubble icon nearby"

Step 2: Generate with ChatGPT/DALL-E¶

Request the image from ChatGPT:

Please generate a marketing image for Nutri-E using DALL-E:

[Insert your carefully crafted prompt here]

Dimensions: 1080x1080px (square for Instagram feed)

Additional requirements:
- High resolution
- Clean, professional quality
- Consistent with Nutri-E brand (see uploaded screenshots)

Step 3: Review and Iterate¶

Check the generated image for: - ✅ Character appearance matches brand (egg-shaped, large eyes, correct colors) - ✅ Colors align with brand palette (purple/blue for Nutri-E, pink/coral for Cuti-E) - ✅ Style is consistent (3D render, clean, professional) - ✅ Composition is balanced and appealing - ✅ No prohibited content (medical claims, fake reviews, etc.)

If needed, refine the prompt and regenerate.

Step 4: Save and Document¶

A. Save the Image:

# Save to appropriate category folder
mv generated-image.png gdrive-sync/screenshots-organized/[category]/descriptive-name.png

# Example:
mv generated-image.png gdrive-sync/screenshots-organized/social-media/vitamin-d-deficiency-awareness.png

B. Add to Inventory:

Edit gdrive-sync/screenshots-inventory.json and add new entry:

{
  "id": 28,
  "filename": "vitamin-d-deficiency-awareness.png",
  "original_filename": "generated-dalle-2025-10-25.png",
  "category": "educational-symptoms",
  "characters": ["Nutri-E"],
  "app_screens": [],
  "features_shown": [],
  "ui_elements": ["vitamin bubble"],
  "theme": "vitamin deficiency",
  "colors": ["orange", "purple"],
  "text_visible": "Vitamin D",
  "use_cases": ["tiktok", "instagram", "educational"],
  "description": "Tired Nutri-E mascot sitting in low light, vitamin D deficiency awareness",
  "resolution": "1080x1080",
  "file_size": "~500KB",
  "generation_method": "DALL-E via ChatGPT",
  "dalle_prompt": "[Full prompt used]",
  "created_date": "2025-10-25"
}

C. Update Metadata:

Increment total_images count:

"total_images": 28,

Common Use Cases¶

Need: Eye-catching post to stop scrolling

Search First:

./gdrive-sync/search-screenshots.sh theme engagement

If no match, generate:

"Purple Nutri-E mascot holding large sign saying 'WAIT!', looking directly
at viewer with cute pleading eyes, bright orange background, 3D render style,
attention-grabbing composition, centered framing, bold and playful"

Use Case 2: App Feature Showcase¶

Need: Highlight barcode scanning feature

Search First:

./gdrive-sync/search-screenshots.sh feature "barcode scanning"

If no match, generate:

"Purple Nutri-E mascot holding smartphone with barcode scanner interface
visible on screen, supplement bottle with visible barcode nearby, scanning
laser beam effect, orange-purple gradient background, 3D render, tech-forward
aesthetic, professional lighting"

Use Case 3: Customer Support Image¶

Need: Support page hero image

Search First:

./gdrive-sync/search-screenshots.sh category customer-support

If no match, generate:

"Pink Cuti-E mascot wearing headset, smiling warmly, sitting at modern desk
with computer showing Nutri-E logo, cheerful supportive expression, pastel
pink and coral background, 3D render, friendly customer service atmosphere,
soft professional lighting"

Use Case 4: Dual Character Marketing¶

Need: Show both mascots together for emotional support theme

Search First:

./gdrive-sync/search-screenshots.sh both-mascots

If no match, generate:

"Two mascots side by side: purple Nutri-E looking sad/tired on left, pink
Cuti-E on right offering support with caring expression, Cuti-E's arm around
Nutri-E's shoulder, warm orange background, 3D render, friendship and support
theme, emotional connection, balanced composition"

Quality Standards¶

Character Consistency¶

Nutri-E (Purple Mascot): - ✅ Egg-shaped body - ✅ Purple/blue/violet color palette - ✅ Large cute eyes (2 distinct eyes, not merged) - ✅ Small arms and legs - ✅ Friendly, health-focused personality - ❌ NOT pink/coral - ❌ NOT wearing headset (that's Cuti-E's role)

Cuti-E (Pink Mascot): - ✅ Egg-shaped body (same style as Nutri-E) - ✅ Pink/coral/pastel color palette - ✅ Large cute eyes - ✅ Small arms and legs - ✅ Caring, supportive personality - ✅ Often shown in support context (headset, helping pose) - ❌ NOT purple/blue - ❌ NOT the main product mascot

Image Quality Checklist¶

Before saving any generated image:

[ ] Resolution is appropriate (1080x1080 for Instagram, 1080x1920 for TikTok, etc.)
[ ] Character design matches brand guidelines
[ ] Colors align with brand palette
[ ] No prohibited content (medical claims, competitor logos, etc.)
[ ] Composition is balanced and professional
[ ] Text (if any) is readable and correctly spelled
[ ] Style is consistent with existing marketing materials
[ ] File size is reasonable (<1MB for web use)

If Character Looks Wrong¶

Problem: Eyes merged into one, wrong shape, etc.

Fix: Add more specific details:

"...with TWO distinct large cute eyes (not cyclops), egg-shaped rounded body,
stubby arms and legs, kawaii style character design..."

If Colors Are Off¶

Problem: Nutri-E is pink, Cuti-E is purple

Fix: Be explicit about colors:

"...PURPLE body with blue/violet tones for Nutri-E mascot (NOT pink)..."
"...PINK and CORAL body for Cuti-E mascot (NOT purple)..."

If Style Is Inconsistent¶

Problem: Looks too realistic or too flat

Fix: Specify style references:

"...3D render style similar to Pixar characters, clean polished aesthetic,
soft rounded shapes, professional commercial quality..."

Inventory Maintenance¶

Regular Updates¶

After generating and saving new images:

Update inventory JSON immediately
Verify searchability by running test queries
Update total_images count
Add new themes/categories to metadata if needed

Inventory Integrity¶

Run periodic checks:

# Verify all files listed in inventory exist
jq -r '.images[].filename' gdrive-sync/screenshots-inventory.json | while read file; do
  find gdrive-sync/screenshots-organized -name "$file" || echo "MISSING: $file"
done

# Count actual files vs inventory count
echo "Inventory count: $(jq '.total_images' gdrive-sync/screenshots-inventory.json)"
echo "Actual files: $(find gdrive-sync/screenshots-organized -name "*.png" | wc -l)"

Advanced: Multi-Image Campaigns¶

Creating a Series¶

For educational symptom series (vitamin deficiencies):

Plan the series: List all vitamins/symptoms to cover
Search existing: Check what's already generated
Generate missing: Create consistent style for new ones
Batch document: Add all to inventory at once

Example Series: Vitamin C Deficiency Symptoms

# Check existing
./gdrive-sync/search-screenshots.sh text "vitamin C"

# Generate missing symptoms:
# - Fatigue (already have "tired" version)
# - Bleeding gums (already have)
# - Weak immunity (need to generate)
# - Slow wound healing (need to generate)

Consistent Style Across Series¶

Save your prompt template for reuse:

BASE TEMPLATE:
"Purple Nutri-E mascot [ACTION/EXPRESSION], [SYMPTOM VISUAL CUES],
orange background with 'SYMPTOMS - [VITAMIN] DEFICIENCY' text overlay,
health awareness illustration style, 3D render, educational medical theme,
NIH source citation style"

VARIATIONS:
- Fatigue: "looking exhausted, holding head, eyes half-closed, coffee mug nearby"
- Weak immunity: "sneezing, tissues around, looking sick, runny nose"
- Slow healing: "with bandage, looking at small wound, concerned expression"

MARKETING_GUIDE.md - Complete branding and creative guidelines
screenshots-inventory.json - Central searchable image database
search-screenshots.sh - Command-line search tool
CLAUDE.md - Full project architecture

Tips for Future AIs¶

Always search first - Don't waste time regenerating existing images
Maintain consistency - Use existing images as style reference
Document immediately - Update inventory right after saving new images
Quality over quantity - One great image > five mediocre ones
Respect brand guidelines - Nutri-E is purple, Cuti-E is pink, always
Test searchability - After adding new images, verify they're findable
Preserve prompts - Save DALL-E prompts in inventory for future reference

Support¶

For questions about image generation workflow: - Review MARKETING_GUIDE.md for brand guidelines - Check screenshots-inventory.json for existing assets - Run ./search-screenshots.sh for available search commands - Refer to existing images in gdrive-sync/screenshots-organized/ for style reference

Last Updated: October 2025

AI Image Generation Workflow¶

Overview¶

Before Generating Images¶

1. Search Existing Inventory First¶

2. Review Brand Guidelines¶

3. Define Image Requirements¶

Image Generation Process¶

Step 1: Write the DALL-E Prompt¶

Step 2: Generate with ChatGPT/DALL-E¶

Step 3: Review and Iterate¶

Step 4: Save and Document¶

Common Use Cases¶

Use Case 1: Social Media Engagement Post¶

Use Case 2: App Feature Showcase¶

Use Case 3: Customer Support Image¶

Use Case 4: Dual Character Marketing¶

Quality Standards¶

Character Consistency¶

Image Quality Checklist¶

Prompt Refinement Tips¶

If Character Looks Wrong¶

If Colors Are Off¶

If Style Is Inconsistent¶

Inventory Maintenance¶

Regular Updates¶

Inventory Integrity¶

Advanced: Multi-Image Campaigns¶

Creating a Series¶

Consistent Style Across Series¶

Related Documentation¶

Tips for Future AIs¶

Support¶