Skills
.Work. You
Rest

skeleton-ui

Community

Always choose Skeleton UI components first.

Software Engineering#accessibility#components#svelte#design-system#web-app#ui-guidelines#skeleton-ui
AuthorJoeKarow
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents UI creators from reinventing buttons, forms, dialogs, and overlays by making Skeleton UI the default source of markup and styling guidance before any hand-coded alternatives are considered.

Core Features & Use Cases

  • Component Catalog: The directory lists layout, navigation, overlays, form controls, data display elements, and styled helper classes so you can quickly find a prebuilt Skeleton solution for each UI need.
  • Import & Composition Patterns: Import components from @skeletonlabs/skeleton-svelte and follow nested child structures plus Portal usage for overlays to maintain consistent behavior across dialogs, selects, tooltips, and toasts.
  • Decision Checklist: Apply the checklist to every button, form element, navigation section, or overlay in your campaign tracker dashboard to ensure you always use Skeleton components or preset classes before resorting to custom Tailwind markup.

Quick Start

Ask the assistant to match your next UI change with a Skeleton component before writing any custom markup.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: skeleton-ui
Download link: https://github.com/JoeKarow/motw-campaign-tracker/archive/main.zip#skeleton-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.