design-references

Evidence-based design playbooks for Claude Code — rules synthesized from 407 real product sites: page-type playbooks with pattern frequencies, 9 style guides, per-site hex/type tokens, DESIGN.md generator. Free, local, MIT.

Codex plugin for finding and comparing visual references, with Pinterest as the primary research source.

MCP server for Are.na: visual search for design references (channels, blocks, authors) right from Claude Code. TypeScript, Are.na v2 API.

A Claude Code skill that finds real-world design references (apps, websites, web apps) for your project. Interactive 6-phase flow: brief → search → screenshots → preferences → refined search → design direction.

A fast local-first collector for full web-design screenshots, precise screenshot crops, and notes attached to each collected reference.

A hand-curated catalog of design tokens, references, and patterns served over MCP. Drop-in source of truth for any AI coding agent.