TypeUI - Design skills and prompts for 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

You can start building with TypeUI by using the NPX command:

npx typeui.sh --help

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	Minimal	Modern
Mono	Neon	Neobrutalism
Neumorphism	Pacman	Paper
Perspective	Premium	Professional
Publication	Refined	Retro
Riso	Sega	Shadcn
Simple	Sketch	Skeumorphism
Sleek	Spacious	Storytelling
Terracotta	Tetris	Vibrant
Vintage

UI design prompts

Browse all major UI prompt categories from TypeUI Prompts.

Hero Sections 17 layouts	Pricing Sections 20 layouts	Feature Sections 16 layouts
CTA Sections 11 layouts	Content Sections 12 layouts	Contact Sections 9 layouts
Customer Logos 10 layouts	Team Sections 8 layouts	Social Proof 11 layouts
FAQ Sections 8 layouts	Testimonials 8 layouts	Blog Sections 8 layouts
Portfolio Sections 7 layouts	Newsletter 4 layouts	Event Schedule 4 layouts
Footer Sections 7 layouts	Login Pages 5 layouts	Register Pages 5 layouts

UI/UX Fundamentals

Use our official skill for UI/UX fundamentals based on years of experience, knowledge and data from the design world to make sure that any UI you generate together with the design skills and UI prompts from TypeUI will keep fundamental design principles in order, such as spacing, typography, color contrasts, and more.

Run this command to install it locally:

npx skills add https://github.com/bergside/typeui --skill typeui-fundamentals

CLI commands

All commands run via npx typeui.sh. Add --help to any command to see its options.

	Command	What it does
🪄	generate	Generate a fresh SKILL.md or DESIGN.md from interactive prompts.
✏️	update	Re-run prompts and update existing output files in place.
🎲	randomize	Generate a fully randomized local design system.
📚	list	Browse available registry specs and pull one automatically.
⬇️	pull <slug>	Pull a specific registry markdown file by slug.

generate

Run interactive prompts and generate a fresh SKILL.md (default) or DESIGN.md file.

npx typeui.sh generate
npx typeui.sh generate --format design

update

Run interactive prompts and update existing output files in place.

npx typeui.sh update

randomize

Generate a fully randomized local design system — useful for quickly seeding a starter spec.

npx typeui.sh randomize
npx typeui.sh randomize --format design

list

Browse available registry specs from bergside/awesome-design-skills (with typeui.sh preview links), then pull one automatically.

npx typeui.sh list
npx typeui.sh list --format design

pull <slug>

Pull a registry markdown file by slug. SKILL.md writes to provider paths; DESIGN.md writes to the project root.

npx typeui.sh pull <slug>
npx typeui.sh pull <slug> --format design

Local development

If you want to use this locally these are the commands you need to run:

npm install

npm run build

Then use the following command instead of npx in your terminal:

node dist/cli.js --help

License

The CLI and public registry is open-source under the MIT License.

Pro version

Get access to enhanched design skill files, UI prompts for layouts and a private Discord community by getting the pro version and thus supporting our open-source work.

Sponsors

If you'd like to become a sponsor of the project, please check out the sponsorship page on our website.