muse

🎨 Claude Code plugin: keywords → browser moodboard → brand guidelines + UI code. Fetches design references (Dribbble, Pinterest, Behance) with no API keys.

Stars
1
Language
JavaScript
Updated
  • brand-guidelines
  • claude-code
  • claude-code-plugin
  • design
  • design-references
  • design-system
  • dribbble
  • moodboard
  • nodejs
  • ui-design
View on GitHub

🎨 Muse

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

Use it

In any project:

/moodboard dubai real estate listing card
  1. Muse fetches design references for your keywords (biased toward Dribbble, Pinterest, Behance — configurable) via DuckDuckGo image search. No API keys.
  2. A local moodboard opens in your browser. Click the designs you like, optionally type direction in the notes box, and hit Generate from selection.
  3. Muse downloads your picks, studies them, and produces:
    • design-context/references/ — your selected images
    • design-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.html if there's no framework)

Pieces

FileRole
commands/moodboard.mdThe /moodboard command — orchestrates the flow
skills/muse/SKILL.mdReferences → brand guidelines → code methodology
scripts/fetch.mjskeywords → reference image list (DuckDuckGo, no key)
scripts/server.mjslocal moodboard server + selection capture
scripts/download.mjsdownloads selected images for analysis
web/the moodboard grid UI (vanilla HTML/CSS/JS)

Manually

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 references

Sources: dribbble, pinterest, behance, instagram, figma, web.

No dependencies — pure Node ≥18 (uses built-in fetch and http).