happycapy-blog-image

name	happycapy-blog-image
description	Generate HappyCapy blog-card style raster illustrations. Use when the user asks for HappyCapy/happycapy.ai/blog style images, bright capybara illustrations, blog thumbnails/cards/covers, 16:9 capybara scenes, or asks to match the HappyCapy blog visual tone. This skill is only for illustration generation and style matching, not UI screenshots, web design, logos, videos, or copywriting.

HappyCapy Blog Image

Overview

Create bright 16:9 editorial illustrations that match the observed HappyCapy blog image language: high-key daylight, saturated travel-poster scenery, clean dark linework, paper grain, and capybaras rendered as flat illustrated animals with fine fur hatching.

Always treat the warm off-white website background as supporting context, not the illustration's main palette. The images themselves should be vivid, clean, and optimistic.

Workflow

1. Identify the user's requested scene, subject, and usage. Default to a 16:9 blog-card thumbnail if unspecified.
2. Read references/style-rules.md before generating or revising an image.
3. Read references/prompt-template.md when writing a prompt.
4. If the user asks for a closer match, or if the direction is uncertain, inspect 2-4 images from assets/reference-images/ with view_image before prompting.
5. Generate with the normal image generation workflow. Use the generated image as a preview unless the user names a destination.
6. Self-check the result against references/style-rules.md. If it misses, make one targeted correction instead of changing the whole direction.

Scope

Use this skill for:

• HappyCapy blog-card illustrations
• bright capybara scene thumbnails
• AI workflow, agent, sandbox, coding, or productivity concepts expressed as illustrated capybara worlds
• 16:9 website/blog/social cover artwork in the HappyCapy blog image style

Do not use this skill for:

• website UI implementation or screenshots
• HappyCapy logo/icon design
• videos, storyboards, or motion cuts
• photorealistic product/lifestyle images
• generic capybara art unrelated to the HappyCapy blog visual style

Reference Assets

Reference images live in assets/reference-images/. They are style references, not edit targets, unless the user explicitly asks to edit one.

Recommended inspection set:

• capy-s4-mediterranean.webp: crisp sunlit coastal composition, white/blue architecture, orange roof, magenta flowers.
• capy-s5-rainforest.webp: bright jungle, strong plant silhouettes, glowing yellow daylight, saturated red/orange flowers.
• capy-s10-alpine.webp: alpine travel-poster palette, turquoise water, purple shadows, golden highlights.
• capy-r4-flowers.webp: softer floral version, warm yellow haze, large decorative flowers.
• land-s9-spring-valley.webp: no capybara; useful for spring valley palette and blog-card landscape density.
• land-s10-mushroom-forest.webp: useful for darker-but-still-saturated fantasy night contrast.

Revision Heuristics

• If the user says "not bright enough", increase high-key daylight, off-white highlights, turquoise water, vivid greens, and saturated flowers. Reduce cinematic shadows.
• If the user says "tone is wrong", compare against the reference assets. Usually the fix is more flat poster illustration, more linework, more saturated landscape colors, and less photoreal/3D rendering.
• If the image looks like a beige UI mockup, shift attention back to the card artwork: bright scenic illustration on its own.
• If the capybara looks too real, request flat illustrated fur hatching, simple black eyes, clean silhouette, and reduced photographic texture.
• If the image looks too childish, keep the playful palette but use more editorial travel-poster composition, denser scenery, and refined ink lines.