ideagram

Ideagram

The core idea

Produce one beautiful, on-brand illustration for a concept by matching it to a real unDraw illustration and recoloring it to the brand — never by hand-drawing. unDraw's figures are dozens of hand-placed bezier anchors from a professional illustrator; freehand-generating path coordinates produces crude pictograms, not art. The quality lives in the real path data, so this skill reuses it: match → recolor → (compose, if needed) → deliver. The output is genuinely illustrator-grade because it is the illustrator's work, just made on-brand.

Read references/undraw-anatomy.md once — it's the dissection of how these files are built and why this reuse approach works.

Setup: a local unDraw library

This skill reads real unDraw SVGs from a local library folder — it does not bundle or redistribute unDraw's files (their license bars compiling their assets into a redistributed collection; downloading them for your own use is free and needs no attribution).

• Default library location: ~/.ideagram/undraw/.
• Populate it by downloading illustrations from undraw.co/illustrations (free, no attribution, unlimited) — 20-30 illustrations spanning common themes (teams, devices, data, growth, communication, security, travel) covers most requests well.
• After adding SVGs, (re)build the index: python3 scripts/build_library_index.py. This writes index.md (human-scannable) and index.json (machine-readable) into the library folder — read index.md first for matching instead of guessing from filenames cold.
• If no library exists yet, say so plainly and point the user at undraw.co (30 seconds to grab a few). Only fall back to the crude generated-primitive path (references/style-contract.md) if they genuinely can't, and be upfront that it's a large quality drop from real unDraw art.

Workflow

Step 1 — Distill the concept

Reduce the input to one sentence — "this is fundamentally about ___" — plus a few keywords. If the content genuinely holds two ideas, that's two illustrations, not one crowded brief.