DesignRef: real-component injector for agents

Feeds real components from sites you like to coding agents so AI UIs stop looking identical

Problem

UI written by AI coding agents always looks the same: rounded-xl cards, slate-600 text, a gradient somewhere. Saying 'make it look like Linear' does not help, and screenshots only make the agent guess spacing and colors from pixels; agents struggle to remember a design system and keep returning generic interfaces.

Solution

A browser extension plus CLI: select components on any website to extract structured DOM, Tailwind classes, colors and spacing into reusable design references; agents then pull those references via MCP or local files so generated UI matches a real site's design system.

Users

Indie developers and designers who build frontends with Claude Code, Cursor or similar agents and care about visual quality

MVP

Extension that captures selected components into structured references; export as Tailwind snippets and design tokens; CLI to inject references into a project directory; MCP server for on-demand reference lookup by agents

Revenue

Free tier plus subscription (~$8–15/mo); higher tier for shared team design libraries; self-hosted one-time license.

Why now

Agent-written UI is now a mainstream workflow with badly homogenized output, MCP makes injecting external context standard and easy, and an indie can move in fast.