9 Tools for Pro Vibe-Design in AI Coding

Design Systems & Skills

Open Design generates app, web app, and landing page UIs from feature descriptions. It includes dozens of built-in design systems from top brands and customizable design skills. Users pair it with any coding model. Open Design.

Refero Styles provides markdown docs for 2,000+ SaaS design systems, including border radius, shadows, dos/don'ts. Users copy Tailwind/CSS variables or paste into tools like Open Design. Refero Styles.

Impeccable Style offers 23 agent skills across 7 categories (typography to UX writing) to teach models like Claude how to apply design systems. Users run impeccable teach to generate product/design markdown files. Impeccable Style.

Emil Design Engineering repo outlines a Linear design engineer's principles for animations, components, and interactions. It supplies motivational context that helps models fill blanks effectively. Emil Design Engineering.

Icons, Logos & Inspiration

Kittl creates on-brand AI icons and artwork with free tier vectorization. Users describe icons (e.g., 'Airbnb style vector icon for a chef's hat'), generate, edit colors, and export SVGs. Kittl.

Design Spells showcases UI patterns for progressive disclosure, dropdowns, and experimental elements from apps like Granola and ElevenLabs. Users browse for inspiration during builds. Design Spells.

SVGL supplies high-quality vector icons and wordmarks for tech companies (e.g., Claude AI, DeepSeek). Users download for app icons or landing page integration sections to build authority. SVGL.

Prebuilt Components

Cult UI delivers ShadCN-compatible components, blocks, and templates for onboarding, chats (e.g., Claude-style), marketing, forms. Users install via CLI, download Next.js app (pro), or copy code. Cult UI.

Untitled UI offers 1,000+ open-source Tailwind/React Aria components (free base/app UI; pro marketing). Users copy code, experiment interactively, or install via CLI for tables, pricing pages, etc. Untitled UI.