shadcn-svelte UI Assistant

What it does

This skill equips an agent to work with the shadcn-svelte design-system for Svelte: it explains project context, recommended imports and component composition, enforces styling and accessibility rules, and provides CLI-driven workflows for adding or updating components. It is explicitly focused on using the shadcn-svelte CLI (npx/pnpm/bunx runners), reading the project's components.json aliases, and ensuring component composition follows the package's conventions.

When to use it

Use this skill when you need to add or update UI components in a Svelte project that uses shadcn-svelte, when you must fix styling or composition issues, or when running the CLI to init/add/update components. Triggers include tasks like shadcn-svelte init, add component, registry URLs, or when the repo contains a components.json alias mapping.

What's included

• Scripts: none bundled in the skill (has_scripts=false)
• References: repository docs and rule files (has_references=false but many linked rule docs exist in the repo)
• Instructions: detailed guidance on imports, multi-part vs single-component barrels, critical styling rules (use semantic tokens, cn(), gap-* not space-*), form and composition rules, CLI usage patterns.

Compatible agents

Best with agents that can run shell commands and read repository files (Copilot/Codex/GitHub CLI-capable agents).