Visual Design & UI Skills Hub
Unlock 150+ interactive design system spec sheets, UI grids, color tokens, and best practices. Built for designers, developers, and creative teams.
What is the Inspo AI Skills Library?
It is a structured repository compiling design metrics, layout parameters, and interactive states from major web brands (e.g., Vercel, Stripe, Resend) and core design practices. These guide agents and product teams to translate visual identity rules directly into responsive UI layouts.
3D Scene Rendering
Discover the official design guidelines for 3D Scene Rendering. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Accessibility WCAG Compliance
Discover the official design guidelines for Accessibility WCAG Compliance. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Accessible Form Labeling Rules
Discover the official design guidelines for Accessible Form Labeling Rules. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Accordion Expand Ease
Discover the official design guidelines for Accordion Expand Ease. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Aesthetic Usability Effect
Discover the official design guidelines for Aesthetic Usability Effect. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Airbnb
Discover the official design guidelines for Airbnb. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Airtable
Discover the official design guidelines for Airtable. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Amazon UI System
Discover the official design guidelines for Amazon UI System. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Ambient Glow Lighting
Discover the official design guidelines for Ambient Glow Lighting. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Analogous Color Harmony
Discover the official design guidelines for Analogous Color Harmony. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Apple
Discover the official design guidelines for Apple. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Apple Notes
Discover the official design guidelines for Apple Notes. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Apple Reminders
Discover the official design guidelines for Apple Reminders. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Apple Spec System
Discover the official design guidelines for Apple Spec System. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
Architecture Diagram
Discover the official design guidelines for Architecture Diagram. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.
arXiv
Discover the official design guidelines for arXiv. Access grid settings, typography scales, hex color codes, and responsive CSS/Tailwind component layouts.