---
name: TypeUI
slug: typeui
url: "https://dontmakeitugly.com/resources/typeui"
website: "https://www.typeui.sh"
github: "https://github.com/bergside/typeui"
docs: "https://www.typeui.sh/docs"
type: mcp-server
categories:
  - agent-resources
tags:
  - mcp
  - design-skills
  - prompts
  - design-system
  - codex
  - claude-code
  - cursor
  - figma
frameworks:
  - agnostic
pricing: unknown
agentFriendly: excellent
agentAccessMethods:
  - mcp
  - github
  - documentation
difficulty: intermediate
dateAdded: "2026-09-03"
lastVerified: "2026-09-03"
---

# TypeUI

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

- Type: MCP server
- Categories: Agent Resources
- Pricing: Pricing unknown
- Works with: Framework agnostic

## 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

## Links

- Website: https://www.typeui.sh
- Docs: https://www.typeui.sh/docs
- GitHub: https://github.com/bergside/typeui

## Can my agent use this?

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.

Agent friendliness: Excellent. Public docs, public source or an installable package. An agent can read, install and implement this directly.
Access methods: MCP, GitHub, Docs.

## Prompt to hand your agent

```text
Set up and use TypeUI in this project.

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

Website: https://www.typeui.sh
Documentation: https://www.typeui.sh/docs
GitHub: https://github.com/bergside/typeui

Use it specifically for:
- a shared design system for agents
- design skills over MCP
- UI prompts

How you can access it: MCP, GitHub, Docs.
Works with: Framework agnostic.

Follow the official setup instructions above. Once available, use it when it is relevant to the task rather than by default, and tell me what it changed.
```

## Related

- [Refero Styles](https://dontmakeitugly.com/resources/refero-styles.md): DESIGN.md files extracted from 2,000+ real product websites, written for agents.
- [Anthropic Skills](https://dontmakeitugly.com/resources/anthropic-skills.md): Anthropic's public skills repository, including skills for front-end and design work.
- [Vercel Agent Skills](https://dontmakeitugly.com/resources/vercel-agent-skills.md): Installable skills that teach agents React, Next.js and web design best practices.
- [21st.dev Magic MCP](https://dontmakeitugly.com/resources/magic-mcp-21st.md): Describe a component in your agent and get a polished one generated from a large library.

## In collections

- [Best resources for designing with Claude Code](https://dontmakeitugly.com/collections/building-with-claude-code.md)
- [Give your agent a DESIGN.md](https://dontmakeitugly.com/collections/design-md-for-agents.md)

TypeUI is an independent resource listed by Don't Make It Ugly. We link to it; we aren't affiliated with it. Pricing and licence details are as understood at the time of listing; check the official site.