AgentSkillsCN

skeleton-dev

使用Skeleton UI v4（适用于任意框架）构建UI。在创建、编辑或审查任何使用Skeleton UI的组件时使用——无论是按钮、模态框、标签页、导航栏、表单、卡片、头像等。在涉及Skeleton预设、色彩搭配、组合式组件模式，或主题化相关问题时同样适用。支持Svelte、React，以及不拘泥于特定框架的使用场景。

SKILL.md
--- frontmatter
name: skeleton-dev
description: 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.

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