From brand-illustrator
Generate Builder Methods hand-drawn line art illustrations (icons, scenes, periphery) with a single accent color (Coral/Teal/Indigo/Amber). Use for blog headers, thumbnails, course graphics, social posts, and on-brand UI/tech metaphors.
How this skill is triggered — by the user, by Claude, or both
Slash command
/brand-illustrator:brand-illustratorThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
Generate hand-drawn line illustrations that match the Builder Methods visual identity:
Generate hand-drawn line illustrations that match the Builder Methods visual identity: warm off-white canvas, confident black ink lines, and one bold accent color.
This Skill is designed to be reusable and procedural:
See references/visual-world.md for the world + constraints and references/style.md for rendering rules.
pip install google-genaiGEMINI_API_KEY (alternatively GOOGLE_API_KEY or GENAI_API_KEY)Get an API key from: https://ai.google.dev/
Create a project folder (recommended) in projects/ with today's date and a short slug.
Example:
mkdir -p projects/2026-01-13-blog-hero
Gather requirements — use the AskUserQuestion tool for each missing piece one at a time. Required inputs:
coral | teal | indigo | ambericon | scene | peripheryDefaults:
Generate 3 concept options using references/idea-mapping.md:
Get user choice — use AskUserQuestion and let them pick A/B/C (or “Other” for feedback).
Document the project — create project.md inside the project folder with:
Craft prompt and generate once a concept is approved, saving outputs to the project folder.
Example:
python3 ${CLAUDE_PLUGIN_ROOT}/skills/brand-illustrator/scripts/generate.py \
--prompt "A worn leather notebook open to a page with handwritten wireframe sketches" \
--color coral \
--type scene \
--width 1200 \
--height 630 \
--output projects/2026-01-13-blog-hero/illustration-v1.png
See references/colors.md for all hex values (single source of truth).
Available accent colors: Coral, Teal, Indigo, Amber
These are enforced by prompt + review. See references/style.md for full details.
Use the mapping doc to ensure every illustration is connected to the content:
references/idea-mapping.md — connection types, object lists, metaphors, quick reference by meaningreferences/visual-world.md — what “belongs” in the Builder Methods worldreferences/prompts.md — prompt templates and proven patternsCopy into projects/<date>-<slug>/project.md:
# Project: <slug>
## Requirements
- Content context:
- Core idea:
- Visual context:
- Accent color:
- Image type:
- Dimensions:
## Concepts
### Option A
- Connection type:
- Category:
- Objects:
- Rationale:
### Option B
...
### Option C
...
## Selected Direction
- Chosen option:
- Notes / tweaks:
## Final Prompt
```text
<final prompt here>
npx claudepluginhub nibzard/skills --plugin brand-illustratorDefines illustration style guides covering visual styles, color palettes, character designs, usage rules, and best practices for consistent product UI visuals.
Establishes a cohesive visual language for illustration projects, brands, or publications requiring consistent artwork across multiple pieces or contributors.
Generates illustrations in flat vector, watercolor, line art, 3D clay render, pixel art, and isometric styles using Gemini API. Auto-detects style from context; triggers on illustration keywords.