> ## Documentation Index
> Fetch the complete documentation index at: https://doc.refero.design/llms.txt
> Use this file to discover all available pages before exploring further.

# Design research for humans and AI

> Design styles, real product screens, flows, and patterns to help teams and AI make better design decisions.

Refero is a structured design research library: curated visual styles, real product screens, and user flows searchable by aesthetic direction, page type, UX pattern, company, or plain language. Designers use it for references. AI agents use it to ground their output in what real products actually ship.

<Columns cols={2}>
  <Card title="MCP Server" icon="server" href="/mcp/getting-started">
    Connect your AI agent to real product interfaces via MCP. It researches before it builds.
  </Card>

  <Card title="Refero Skill" icon="paintbrush" href="/skill/overview">
    A design methodology for AI agents. Research-first workflow with built-in craft rules.
  </Card>

  <Card title="Figma Plugin" icon="figma" href="/product-guide/figma-plugin">
    Search and insert real product references directly inside Figma.
  </Card>

  <Card title="Help" icon="circle-question" href="/help/overview">
    Account, plans, billing, and contact.
  </Card>
</Columns>

<Card title="Share your feedback" icon="message" href="https://forms.gle/NbTgktyTDcr4SWwf7">
  Suggestions, feature requests, or anything else — we're always open to hearing from you.
</Card>