Svelte UI Design

Acerca de

Empowers developers to create cohesive and accessible Svelte 5 applications by integrating the Skeleton Labs design system with Bits UI's headless components. It provides specialized guidance on Tailwind CSS 4 utility application, strict color pairing logic (sum of 1000 rule), and the use of Skeleton's preset system for rapid styling. By streamlining component architecture and visual design patterns, this skill ensures that every element—from simple buttons to complex overlays—remains consistent, performant, and easy to maintain within the Svelte ecosystem.

Características Principales

• Skeleton Labs color pairing and design token enforcement
• Standardized design patterns for forms, overlays, and navigation
• 0 GitHub stars
• Svelte 5 class composition and runes optimization
• Bits UI headless component integration
• Tailwind CSS 4 utility and preset styling

Casos de Uso

• Creating complex UI components like calendars and data tables using headless primitives
• Implementing a standardized design system across Svelte projects
• Developing accessible and themed web applications with Svelte 5