Skip to content
don’t make it ugly
All resources

MCP serverAgent Resources

TypeUI

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

Preview of TypeUI

What it is

TypeUI is a platform for giving AI coding tools design context. You start from one of its themes, import your own markdown docs or pull from Figma, publish the result as a design system in a workspace, then connect Codex, Claude, Cursor or another tool through a hosted MCP server. It also ships a library of design skills and UI prompts, and a separate analytics product. It comes from the team behind Flowbite.

Why it’s here

The interesting part is the workflow, not any single prompt: a design system that lives somewhere your agent can query, instead of a rules file that drifts. The public GitHub repo holds the skills and prompts if you'd rather read them than connect the server. We haven't confirmed the pricing tiers, so check before you commit a team to it.

Best for

  • a shared design system for agents
  • design skills over MCP
  • UI prompts

Can my agent use this?

Agent excellent agent friendliness

Yes, that's the point of it. Add the hosted MCP server at https://mcp.typeui.sh/mcp to Claude Code, Codex or Cursor, sign in when the tool asks, and the agent can pull design skills, prompts and your published design system on demand. The setup guides in the docs cover each tool. Without an account, the GitHub repo still gives an agent the markdown skills and prompts to read directly.

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

Access methods

  • MCP
  • GitHub
  • Docs

  • Refero Styles
    Preview of Refero Styles

    Refero Styles

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

    Collectionexcellent agent friendliness
  • Anthropic Skills
    Preview of Anthropic Skills

    Anthropic Skills

    Anthropic's public skills repository, including skills for front-end and design work.

    Agent skillFreeOpen sourceexcellent agent friendliness
  • Vercel Agent Skills
    Preview of Vercel Agent Skills

    Vercel Agent Skills

    Installable skills that teach agents React, Next.js and web design best practices.

    Agent skillFreeOpen sourceexcellent agent friendliness
    Staff pick
  • 21st.dev Magic MCP
    Preview of 21st.dev Magic MCP

    21st.dev Magic MCP

    Describe a component in your agent and get a polished one generated from a large library.

    MCP serverOpen sourceexcellent agent friendliness