Repolode
Submit
bergside

bergside/typeui

A design-skills and UI prompt library with a CLI and MCP connection that gives AI coding tools design systems and layout guidance for building UIs.

View on GitHubWebsite
Stars
2,204
Forks
152
Open issues
1
Last commit
15 days ago

What is it?

TypeUI is a collection of design skills, UI prompts, and design system specs that AI coding assistants can use when generating websites and applications. The resources are provided as markdown files in DESIGN.md and SKILL.md formats, so they can be used with any AI provider that accepts markdown or general prompting.

The project offers a CLI run through npx typeui.sh with commands to generate, update, randomize, list, and pull design specs. It also has hosted MCP server setup guides for tools such as Codex, Claude, Cursor, VS Code, Windsurf, Zed, and several others. A UI/UX fundamentals skill covers spacing, typography, and color contrast so that generated interfaces follow basic design principles.

The repository includes a catalog of design skill styles, such as Minimal, Brutalism, and Glassmorphism, plus prompt layouts for marketing and application sections like heroes, pricing, FAQs, and login pages.

Key features

  • 01Generates SKILL.md or DESIGN.md design specs through interactive CLI prompts.
  • 02Connects AI coding tools to TypeUI through a hosted MCP server.
  • 03Provides a UI/UX fundamentals skill covering spacing, typography, and contrast.
  • 04Offers a catalog of design styles and layout prompts for marketing and app pages.

Use cases

  • Guiding an AI coding assistant to produce consistent landing pages or dashboards.
  • Seeding a starter design system for a new web or app project.
  • Giving an AI agent a reference for common page sections like pricing or FAQ.

Quick start

  1. 1

    Open the TypeUI guide for your AI coding tool

  2. 2

    Connect your AI tool to the TypeUI MCP server using the guide's steps

Things to know

  • The license is not clearly specified (NOASSERTION), so check the license terms before reuse.
  • The MCP connection relies on the hosted TypeUI service at typeui.sh.

In collections

UI design skills for AI coding agentsMCP serversAI agent skill librariesCLI & terminal tools

Topics

#design-system#ui#prompts#ai-tools#cli#mcp#design#agent-skills#ai#claude-design

FAQ

What is typeui?
A design-skills and UI prompt library with a CLI and MCP connection that gives AI coding tools design systems and layout guidance for building UIs. TypeUI is a collection of design skills, UI prompts, and design system specs that AI coding assistants can use when generating websites and applications. The resources are provided as markdown files in DESIGN.md and SKILL.md formats, so they can be used with any AI provider that accepts markdown or general prompting.
Is typeui free to use? What license does it have?
typeui is open source under the Other license. Check the license terms before using it in commercial products.
Is typeui still maintained?
Actively maintained. The last commit to typeui was on Oct 22, 2026.
What can I use typeui for?
Guiding an AI coding assistant to produce consistent landing pages or dashboards. Seeding a starter design system for a new web or app project. Giving an AI agent a reference for common page sections like pricing or FAQ.
How do I install typeui?
Open the TypeUI guide for your AI coding tool Connect your AI tool to the TypeUI MCP server using the guide's steps
Where can I get typeui?
The source code and installation instructions are on GitHub: https://github.com/bergside/typeui

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects