TypeUI
TypeUI is a set of design skills and UI prompts that helps AI coding tools build better user interfaces for websites and apps.
What it is good for
- Generating website layouts that follow sound spacing and color contrast
- Building landing page sections from proven layout prompts
- Keeping AI-generated app screens consistent with a chosen design style
- Writing a reusable design system file for an AI coding tool
At a glance
- Who it is for
- Setup
- Adds to an AI app you already use
Level 2 of 5. Connects to Claude, ChatGPT, or a similar app you already have, usually through a settings screen.
- Cost
- Free tier plus paid plans
- Type
- Skill or plugin
- Tasks
- Works with
- Codex, Claude, Cursor, VS Code, Windsurf, Lovable
Momentum
- Rank this week
- Not ranked yet
- Best rank
- None yet
- GitHub stars
- 2,187
GitHub numbers as of Nov 2, 2026. Updated weekly.
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is TypeUI free?
- It has a free plan and paid plans, according to its own description.
- Do I need to know how to code to use TypeUI?
- No. Connects to Claude, ChatGPT, or a similar app you already have, usually through a settings screen.
- What does TypeUI work with?
- According to its own documentation, it works with Codex, Claude, Cursor, VS Code, Windsurf, and Lovable.
- What is TypeUI good for?
- Generating website layouts that follow sound spacing and color contrast, building landing page sections from proven layout prompts, keeping AI-generated app screens consistent with a chosen design style, and writing a reusable design system file for an AI coding tool.
Similar agents
- skills
Skills is a collection of agent skills that reviews and improves user interfaces for designers and developers building screens and apps.
- make-interfaces-feel-better
Make-interfaces-feel-better is a skill that adds small interface polish details like animations, spacing, and hover states for developers and designers building web interfaces.
- threejs-architecture-effects
threejs-architecture-effects is a skill that makes an agent build an orbitable 3D building in Three.js that assembles itself for web designers and developers.
- iphone-duo-skills
iphone-duo-skills is a set of skill files that teach an AI coding agent how to build iOS apps for the iPhone Duo foldable.
- UI UX Pro Max
UI UX Pro Max is a skill that gives AI coding agents design guidance for building professional interfaces for websites and apps.
- taste-skill
Taste Skill is a skill that makes coding agents design websites and app screens with real pictures and a browser check, instead of generic pages.