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.

Curated 48-image gallery of 2026 modern UI references + skill: dashboards, landing pages, mobile apps — measured color systems, anatomy patterns, anti-slop rules

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.

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

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.

Image deep research for Claude Code and Codex: licensed reference images, website contact sheets, moodboards.

Tag an Eagle reference library with vision models, write the tags back into Eagle, and search it from any coding agent.

减少 AI 味，摆脱千篇一律的设计。A collaborative moodboard skill for less generic AI design: real design references, visual exploration, feedback and art direction. For brand identity, UI design and creative research.

The research behind every project: references, findings and technical decisions, organized by project.