Svelte UI Design

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.

Key Features

Use Cases