Menu

Individual skill

opendesigner-illustrate

Finds open-licence SVG illustrations for empty states, onboarding, errors or heroes, ranks them for fit, recolors them to the design tokens with light, dark and themed variants, and wires them in.

skills/opendesigner-illustrate/SKILL.md

Read pinned source

Source commit 54ae7ce6b6ae67f7460ad3fba2b66c4aac488e9b

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
78
Repository last updated
Nov 6, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# OpenDesigner: illustrations

Use this when someone asks for illustrations, "make it more visual", art for an empty state, onboarding, a 404 or error page, a sign-in panel, a hero or feature tiles. It is also the open-library path of the `H-illus` hook (`hooks.md` in the opendesigner skill). It works with or without an OpenDesigner system; with one, the art takes the system's colors and follows its theme.

Output: SVG files (or React components) recolored to the tokens, one CSS file that switches their colors with the theme, a licence ledger and `ATTRIBUTION.md`, all in the person's repo. Nothing is final until the person picks it.

Talk plainly: one idea and one question per message, and recommend one option with its reason. The first time a term appears, give its plain meaning plus "Designers: X · Code: Y" (`references/rules.md` in the opendesigner skill).

Helper: `scripts/illustrate.py` (called `illustrate.py` below; run it from the person's project). Knowledge:
- `references/directory.md`: every source (44), with its licence, credit rule, formats, search link, tips and steps. Generated from `references/sources.json`.
- `references/searching.md`: where to look first, how to word a search, file formats, and how to move through each kind of source.
- `references/purposes.json`: slots and their search words.
- `references/ranking.md`: how to judge fit.