Epicenter UI

Use the local @epicenter/ui package before writing one-off UI. Most state surfaces already have a component with spacing, color, accessibility, and composition handled.

Related skills:

• Use svelte for branch mechanics: {#if}, {#await}, derived state, query state, and component lifecycle.
• Use styling for Tailwind details, wrapper element decisions, scroll traps, and disabled-state styling.
• Use this skill for local component choice and composition.

Reference Repositories

• shadcn-svelte: component structure and Svelte composition patterns
• shadcn-svelte-extras: chat components and extra UI patterns
• TanStack Table: headless table state, not table empty UI
• Autumn: billing and usage UI contexts where pending, progress, and empty states matter

Loading State Choice