← all repositories
bergside/typeui

Style Guides for the Age of Vibe Coding

TypeUI feeds curated design systems and layout prompts to AI coding assistants via MCP, so generated interfaces look intentional instead of like generic templates.

1.6k stars TypeScript Coding AssistantsCreative · Design
typeui
Velocity · 7d
+9.1
★ / day
Trend
steady
star history

What it does

TypeUI is a registry of design skills and UI prompts that plugs into popular AI coding tools—Claude, Cursor, Codex, VS Code Copilot, and about a dozen others—through MCP (Model Context Protocol). When you ask the AI to build a screen, TypeUI feeds it a specific design system, layout variations, and prompting context so the output follows an actual visual language rather than generic defaults. The resources are markdown-based, so any AI provider that reads markdown or accepts general prompting can use them.

The interesting bit

Instead of treating design as an afterthought, TypeUI front-loads aesthetic constraints into the AI’s context window. It offers distinct visual personalities—Brutalism, Claymorphism, Corporate, Cosmic, and many others—as structured DESIGN.md and SKILL.md files, plus ready-made layout prompts for common marketing and application patterns like pricing cards, login forms, and hero sections.

Key highlights

  • Supports 14 AI tools including Claude, Cursor, Codex, Windsurf, Zed, Grok, and GitHub Copilot via MCP or direct plugin integration.
  • Design skills span a wide aesthetic range, from minimal and clean to neon and retro, each packaged as markdown context files.
  • Includes specific layout prompts for standard UI sections—marketing heroes, pricing grids, testimonials, login cards, and more.
  • Resources are provider-agnostic as long as the AI supports markdown or general text prompting.

Caveats

  • The README is essentially a landing page with integration links; it never details the MCP server architecture, pricing, or offline usage.
  • The relationship between the open repository and the hosted typeui.sh service is unclear; most links push you to the website.

Verdict

Developers who generate a lot of UI through AI assistants and want consistent visual output without micromanaging every pixel should try this. If you already have a strict internal design system or don’t trust third-party hosted context servers, this probably won’t change your mind.

Frequently asked

What is bergside/typeui?
TypeUI feeds curated design systems and layout prompts to AI coding assistants via MCP, so generated interfaces look intentional instead of like generic templates.
Is typeui open source?
Yes — bergside/typeui is an open-source project tracked on heatdrop.
What language is typeui written in?
bergside/typeui is primarily written in TypeScript.
How popular is typeui?
bergside/typeui has 1.6k stars on GitHub and is currently holding steady.
Where can I find typeui?
bergside/typeui is on GitHub at https://github.com/bergside/typeui.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.