The design layer
for AI-generated code
Apply a consistent, beautiful design layer on top of AI-generated code using design skills and UI prompts for Claude Design, Google Stitch, Codex, Cursor, and more.
Growing with the community
We build TypeUI in the open and share every step with the design and AI community. Here are some of the moments that resonated the most across Reddit and X.
I built a *human* curated list of 67 design skills (DESIGN md) of popular UI styles that you can use with AI
— Zoltán Szőgyényi (@zoltanszogyenyi) May 7, 2026
💻 locally tested by humans with Opus 4.7
🎨 works with Google Stitch, Claude Design
🤖 supports SKILL md files too
💵 free and pro version also available
You can also… pic.twitter.com/lBJ43nTBKo
My friend @zoltanszogyenyi has launched https://t.co/T00BjuXwJX.
— Marko Denic (@denicmarko) March 11, 2026
It is a CLI coding tool that applies a consistent, beautiful design layer on top of AI-generated code.
Check it out.
I built a Chrome extension that helps you extract styles from any website and generate DESIGN(.)md or SKILL(.)md files
— Zoltán Szőgyényi (@zoltanszogyenyi) April 15, 2026
Works with Google Stitch, Claude Code, Codex etc
... and it's free! pic.twitter.com/Kn1SJevBqn
I built a Figma plugin that extracts local styles (tokens and variables) and generates DESIGN md and SKILL md files that you can integrate with any AI tool
— Zoltán Szőgyényi (@zoltanszogyenyi) April 27, 2026
💻 open-source under MIT license
🤖 works with all major AI tools
🚀 local algorithm without API calls pic.twitter.com/ml0e75030M
Design Skills Registry
Browse and pull pre-built design skills directly into your project. Each skill comes with comprehensive design tokens and styling rules.
Refined
Perspective
Expressive
Storytelling
Glassmorphism
Colorful
Matrix
Premium
Fantasy
UI Design Prompts
Copy-paste 170 prompts for AI and generate UI layouts such as hero sections, pricing tables, navigation bars, feature sections, and more.
Marketing
Hero Sections
Pricing Sections
Feature Sections
CTA Sections
Content Sections
Contact Sections
Customer Logo Sections
Team Sections
Social Proof Sections
FAQ Sections
Testimonials
Blog Sections
Portfolio Sections
Newsletter Sections
Event Schedule Sections
Footer Sections
Application
Simple, transparent pricing
Monthly or discounted yearly subscriptions. Cancel anytime.
TypeUI Pro
Full TypeUI Pro access. Pick monthly for flexibility, or save 67% with the yearly plan.
Billing via Polar.sh · Cancel anytime
How are these files different from the free ones?
- Improved style guide and accessibility instructions
- Over 20+ detailed markdown files for each component
- Locally human tested with Opus 4.7 and Gemini 3.1 Pro
Need an enterprise deal for more than 10 users? Contact us directly.
Frequently Asked Questions
The skill files generated and distributed on TypeUI are curated towards specific design systems and styles, not just generic instructions.
TypeUI can be seamlessly integrated with all popular AI coding assistants, including Google Stitch, Claude Design, Cursor, OpenCode, OpenClaw, Claude Code, and Codex.
Absolutely! Your license allows you to use the generated UI components and design specifications for unlimited personal, commercial, and client projects.
You will receive an email from TypeUI and the email that you entered inside the checkout form will be the one that you can create an account with and access your subscription. You can change the email later or by writing us on support.
Refunds are not available. You can cancel your subscription at any time.
Yes, we do offer a 50% discount for students and non profit organizations.
Yes, during the checkout process via Polar.sh, you can enter your company details and VAT ID to receive a reverse charge invoice.