Nutlope/inspo

Real websites for your coding agent to learn design from, searchable over MCP.

What it solves

Agents often lack the design "taste" required to build visually appealing user interfaces. Inspo provides coding agents with a curated library of real-world production websites to study and reference, bridging the gap between functional code and high-quality design.

How it works

It operates as a Model Context Protocol (MCP) server that gives agents access to a massive archive of over 2,300 pages from 832 real sites. The system extracts design tokens—such as color palettes, fonts, spacing scales, and CSS variables—and provides a "fold-by-fold autopsy" of pages. It includes 68 canonical reference components with copy-pasteable JSX. Agents can use a recommend tool to get design suggestions based on a project brief.

Who it’s for

Developers using AI coding agents (such as Claude Code, Cursor, Windsurf, or Zed) who want their generated UIs to look professional and production-ready.

Highlights

  • Extensive Archive: Access to thousands of pages captured on both desktop and mobile.
  • Design Extraction: Automatically extracts semantic palette roles, type ramps, and container widths into a DESIGN.md for every site.
  • Easy Integration: One-command installation for major AI IDEs and agents via npx.
  • Semantic Search: Uses Together AI embeddings to power find_similar and recommendation tools.

Related

  • Project
  • Project
  • Project
  • Project