Skip to content
Get packs

Grainy Gouache Animal Illustrations

Draws cosy grainy-gouache animal scenes as hand-authored SVG cards for empty states and headers

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
8 files

What it does

Once installed, the agent can draw original SVG illustrations in a warm, textured 'grainy gouache' storybook style: a cute animal (fox, otter or owl) at a laptop or desk on a hot-pink card, with soft shading, a fine grain, cream sparkles and autumn leaves. The skill includes a style guide, palette and helper scripts that check the artwork against the style rules and can render it to a PNG image.

Great for

  • Product designers who need a warm, handmade-feeling empty state, 404 page or onboarding illustration
  • Marketers making seasonal blog headers or feature cards in a consistent storybook look
  • Developers building 'we're working on it' pages who want a cosy illustration without an artist

Skip it if

  • Photorealistic images or people, because the style has no human characters and the skill says to use other styles for those
  • Brands that need flat vector or a colour scheme other than hot pink, since the style rules forbid other backgrounds and the look would not match

Try asking

  • “Draw a fox coding at a laptop on a hot-pink card for our 404 page”
  • “Make an autumn blog header with an otter at a desk, grainy gouache style”
  • “Create an empty-state illustration of an owl reading a book stack for our app”
Step-by-step guide: how to use Grainy Gouache Animal IllustrationsInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 8 original files, the MIT licence and an attribution note.

    illustration-grainy-gouache.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip illustration-grainy-gouache.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip illustration-grainy-gouache.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the animal and the activity (for example 'a fox at a laptop') so the agent picks a matching scene from the style's characters
  • Ask for a PNG render and review it, because the grain and edge detail are easy to get wrong by hand
  • Review the scripts before running them, since the render script launches a headless browser and looks for Chrome in several folders

What's inside

  • agents/openai.yaml
  • demo/PROMPT.md
  • references/craft.md
  • scripts/gouache.mjs
  • scripts/lint.mjs
  • scripts/render.mjs
  • SKILL.md
  • style.json

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.