svelte-ui-design

SKILL.md

Svelte 5 + Tailwind CSS 4 + Skeleton Labs + Bits UI 통합 디자인 시스템

Tailwind Components (Skeleton Labs 클래스 조합) 클래스로 디자인을 뭉쳐놓은 기본 요소. card, chip, badge, placeholder 등.

ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS 4, Skeleton Labs design tokens/presets/Tailwind Components, and Bits UI headless components. Covers class composition, color systems, interactive components, forms, overlays, and all visual design. Source: xiyo/zheon.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw