skeleton-dev

Build UI with Skeleton UI v4 (any framework). Use when creating, editing, or reviewing any component that uses Skeleton UI — buttons, modals, tabs, navigation, forms, cards, avatars, etc. Also use when questions involve Skeleton presets, color pairings, composed component patterns, or theming. Supports Svelte, React, and framework-agnostic usage.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "skeleton-dev" with this command: npx skills add finnan444/skills/finnan444-skills-skeleton-dev

Skeleton Dev

Reference Skeleton UI v4 LLM-optimized docs before writing or reviewing Skeleton components.

Docs Sources

First fetch https://www.skeleton.dev/llms.txt — this is the comprehensive index of all available LLM docs.

Then detect the framework from the project (package.json, file extensions, imports) and fetch the matching full docs:

FrameworkURL
Sveltehttps://www.skeleton.dev/llms-svelte.txt
Reacthttps://www.skeleton.dev/llms-react.txt

Use WebFetch to retrieve the correct reference before starting any task.

Usage

  1. Fetch llms.txt index to check for any new/updated doc URLs
  2. Confirm Skeleton version in package.json/lockfiles; if not v4, pause and alert the user before proceeding.
  3. Detect framework from the project context. If unclear, ask the user; if still ambiguous, fetch both Svelte/React docs but only read the relevant sections.
  4. Fetch the matching framework-specific docs (reuse a cached copy during the session unless llms.txt changed).
  5. Read the relevant sections for the components needed
  6. Write or review code following the documented patterns

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

panda-css

No summary provided by upstream source.

Repository SourceNeeds Review
Coding

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Repository SourceNeeds Review
94.2K159.9K
anthropics
Coding

remotion-best-practices

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

Repository SourceNeeds Review
2.1K147.7K
remotion-dev