Create Image

Image Generation Skill

Generates portfolio images following Meryll Dindin's visual identity. See references/visual-identity.md for style guidelines.

When to Use

• Creating images for portfolio pages (/missions/, /suggestions/, /ventures/, /thoughts/)
• Generating thumbnails, section images, or backgrounds
• Replacing or updating existing CDN images

Commands

Run from .claude/skills/create-image/:

# Generate and upload
uv run python scripts/create_image.py --generate "prompt" --name "asset-name"

# Generate to custom CDN path (e.g., for /thoughts/ articles)
uv run python scripts/create_image.py --generate "prompt" --name "asset" --cdn-path "articles/posters"

# Generate specific type
uv run python scripts/create_image.py --generate "prompt" --type thumbnail --name "asset"

# Enhance existing image
uv run python scripts/create_image.py --enhance --input path/to/image --name "asset"

# Preview prompt only
uv run python scripts/create_image.py --preview "prompt"

# List CDN assets
uv run python scripts/create_image.py --list-assets

Image Types

Output Variants

Standard types (section, fullpage, background)

Each image produces 4 WebP files:

• Desktop (1:1, 85% quality)
• Desktop lazy (100px, 20% quality)
• Mobile (16:9 center crop, 768px)
• Mobile lazy (50px, 15% quality)

Portrait type

Produces 2 mobile-only WebP files (no cropping, just resize):

• Mobile (768px wide, 80% quality) — suffix -mobile
• Mobile lazy (50px wide, 15% quality) — suffix -mobile-lazy

Visual Identity Summary

• Monochrome: Black and white only
• Minimalist: One concept, generous whitespace
• Abstract: Conceptual, not literal
• Lo-fi: Scientific, algorithmic aesthetic

See references/visual-identity.md for full guidelines and prompt templates.

After Upload

Update the relevant JSON content file with the returned URLs:

{
  "image": {
    "source": "https://cdn.merylldindin.com/assets/{name}-{timestamp}.webp",
    "lazySource": "...-lazy.webp",
    "mobile": "...-mobile.webp",
    "lazyMobile": "...-mobile-lazy.webp"
  }
}

Converted and distributed by TomeVault — claim your Tome and manage your conversions.