skeleton-ui

star 2

How to use skeleton-ui in frontend development

4t145 By 4t145 schedule Updated 1/20/2026

name: skeleton-ui description: How to use skeleton-ui in frontend development

Purpose

Create and style components using Skeleton UI framework with proper preset classes.

Prerequisites

Guidelines

  • Use preset classes (e.g., bg-primary-500) instead of variant-*
  • Ensure dark mode compatibility
  • Follow Skeleton's spacing and typography system

Example Usage

When user requests: "Create a card component with avatar" → Look up Card and Avatar components from Skeleton docs → Generate TypeScript component with proper props → Apply theme-aware styling → Include accessibility attributes

Install via CLI
npx skills add https://github.com/4t145/switchboard --skill skeleton-ui
Repository Details
star Stars 2
call_split Forks 2
navigation Branch main
article Path SKILL.md
More from Creator