TypeUI - Build better UI with AI

TypeUI is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications. The resources from this repository will work with any AI provider, given they support markdown files or general prompting.

Getting started

Install TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then ask for UI in plain language while TypeUI supplies design systems, prompts, and layout variation guidance.

Codex Connect Codex to TypeUI MCP automatically with the TypeUI Codex plugin. Install in Codex →	Claude Give Claude access to curated design guidance while it writes or refactors UI. Install in Claude →	Cursor Use the TypeUI Cursor plugin while Cursor builds screens, sections, and variations. Install in Cursor →
VS Code Connect GitHub Copilot in VS Code to TypeUI MCP. Install in VS Code →	OpenCode Give OpenCode access to TypeUI design systems and prompts. Install in OpenCode →	Gemini CLI Install the TypeUI Gemini CLI extension for UI generation workflows. Install in Gemini CLI →

Design skills

Check out all design skills. Available in both DESIGN.md and SKILL.md formats.

Agentic	Ant	Application
Artistic	Bento	Bold
Brutalism	Cafe	Claymorphism
Claude	Clean	Codex
Colorful	Contemporary	Corporate
Cosmic	Creative	Dashboard
Dithered	Doodle	Dramatic
Editorial	Elegant	Energetic
Enterprise	Expressive	Fantasy
Fiction	Flat	Friendly
Futuristic	Glassmorphism	Gradient
Immersive	Impeccable	Levels
Lingo	Luxury	Material
Matrix