Skip to content
don’t make it ugly
All resources

CollectionAgent Resources, Design Systems

Refero Styles

DESIGN.md files extracted from 2,000+ real product websites, written for agents.

Visit website (opens in a new tab)
Preview of Refero Styles

What it is

Refero Styles is a browsable collection of design systems pulled from real product sites: Linear, Notion, Mercury, Duolingo, ElevenLabs and a couple of thousand more. Each entry breaks a site down into colours, typography, spacing and components, and gives you a DESIGN.md you can drop into Cursor, Claude Code, Codex, v0 or Lovable. It's in beta and sits alongside the Refero MCP, which lets an agent search Refero's screens and flows directly.

Why it’s here

This solves a specific problem well. "Make it feel like Linear" is a useless prompt; a DESIGN.md that says what Linear's type scale, radii and greys actually are is not. Treat the extracted systems as a starting point to edit into your own, not a licence to clone someone's brand.

Best for

  • a DESIGN.md to start from
  • describing a real product's style precisely
  • colour and type references

Can my agent use this?

Agent excellent agent friendliness

Yes. Open a style, copy the DESIGN.md into your project and tell your agent to follow it, editing the parts that shouldn't be a copy of the source brand. For deeper access, connect the Refero MCP through your Refero account and the agent can search styles, screens and user flows itself.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Public website
  • Copy/paste
  • MCP

Related resources

  • TypeUI
    Preview of TypeUI

    TypeUI

    Design skills, UI prompts and a shared design system, handed to your agent over MCP.

    excellent agent friendlinessMCP server
  • Web Interface Guidelines
    Preview of Web Interface Guidelines

    Web Interface Guidelines

    A concise, agent-readable checklist of what a well-built web interface must get right.

    excellent agent friendlinessGuideFreeOpen sourceStaff pickUsed by me
  • tweakcn
    Preview of tweakcn

    tweakcn

    A visual theme editor that makes a shadcn/ui app stop looking like every other shadcn/ui app.

    good agent friendlinessToolFreeOpen sourceStaff pickUsed by me
  • getdesign.md
    Preview of getdesign.md

    getdesign.md

    A 550-strong catalogue of DESIGN.md files, following Google's spec.

    excellent agent friendlinessCollectionOpen sourceStaff pick