A Claude Code plugin for design context. Give it keywords, pick favorites from a browser moodboard, and Muse turns your selection into brand guidelines + starter UI.
keywords β fetch references β browser moodboard β you pick β BRAND.md + UI code
In any project:
/moodboard dubai real estate listing card
- Muse fetches design references for your keywords (biased toward Dribbble, Pinterest, Behance β configurable) via DuckDuckGo image search. No API keys.
- A local moodboard opens in your browser. Click the designs you like, optionally type direction in the notes box, and hit Generate from selection.
- Muse downloads your picks, studies them, and produces:
design-context/references/β your selected imagesdesign-context/BRAND.mdβ colors, typography, shape, spacing, components, tokens- starter UI matching the look (components + a sample page, in your project's
stack β or a standalone
design-context/preview.htmlif there's no framework)
| File | Role |
|---|---|
commands/moodboard.md |
The /moodboard command β orchestrates the flow |
skills/muse/SKILL.md |
References β brand guidelines β code methodology |
scripts/fetch.mjs |
keywords β reference image list (DuckDuckGo, no key) |
scripts/server.mjs |
local moodboard server + selection capture |
scripts/download.mjs |
downloads selected images for analysis |
web/ |
the moodboard grid UI (vanilla HTML/CSS/JS) |
node scripts/fetch.mjs "saas dashboard" --sources dribbble,behance,figma --out refs.json
node scripts/server.mjs --refs refs.json --out selection.json --open
node scripts/download.mjs --sel selection.json --dir referencesSources: dribbble, pinterest, behance, instagram, figma, web.
No dependencies β pure Node β₯18 (uses built-in fetch and http).