# Ideagram

Turn a concept, feature description, blog post, or pitch into a single beautiful...

- Repository: https://github.com/codeswithroh/tastemaker (514 stars)
- Category: Marketing
- License: MIT
- Last updated: 2026-10-11
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add codeswithroh/tastemaker --skill ideagram -g -a claude-code -y`
Codex: `npx skills add codeswithroh/tastemaker --skill ideagram -g -a codex -y`
Cursor: `npx skills add codeswithroh/tastemaker --skill ideagram -g -a cursor -y`
Gemini CLI: `npx skills add codeswithroh/tastemaker --skill ideagram -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add codeswithroh/tastemaker`

## Description

Turn a concept, feature description, blog post, or pitch into a single beautiful, on-brand illustration by matching it to a real unDraw illustration in a local library and recoloring it to the brand accent, genuine illustrator quality, not an AI-drawn approximation. Use whenever the user asks to "make an illustration," "create a graphic," "visualize this concept," "explain this visually," wants something "unDraw-style" or "Storyset-style," needs a hero/feature/blog illustration, or says an idea needs a picture. Trigger even if they don't name a style, "make something to explain X" or "I need a graphic for this tweet" both qualify.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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](https://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

The rest: https://github.com/codeswithroh/tastemaker/blob/HEAD/skills/tastemaker/ideagram/SKILL.md