·svelte5-showcase-components
*

svelte5-showcase-components

✓
dawiddutoit/custom-claudeGitHub: dawiddutoit/custom-claudeSource: dawiddutoit/custom-claude

Provides Comprehensive guide to the Svelte 5 Showcase component library with 49 production-ready components organized into 7 categories. Use when you need to discover available components, understand component usage patterns, integrate components into new projects, or reference best practices for Svelte 5 development. Triggers on "what components are available", "how to use [component name]", "integrate showcase components", "copy component from showcase", "Svelte 5 component examples", or "showcase component library". Works with shadcn-svelte, Bits UI, TailwindCSS v4, sveltekit-superforms, and Svelte 5 runes.

dawiddutoit·svelte5·showcase·components
3Installs·0Trend·@dawiddutoit

Installation

GitHub: dawiddutoit/custom-claude
$npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components

How to Install svelte5-showcase-components

Quickly install svelte5-showcase-components AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: dawiddutoit/custom-claude.

SKILL.md

View raw

The Svelte 5 Showcase is a production-ready component library with 49 components organized into 7 categories, built with Svelte 5 runes, TypeScript strict mode, and TailwindCSS v4.

Location: /Users/dawiddutoit/projects/play/svelte/src/lib/components/ui/

Example Location: /Users/dawiddutoit/projects/play/svelte/src/routes/showcase/primitives/form/+page.svelte

Provides Comprehensive guide to the Svelte 5 Showcase component library with 49 production-ready components organized into 7 categories. Use when you need to discover available components, understand component usage patterns, integrate components into new projects, or reference best practices for Svelte 5 development. Triggers on "what components are available", "how to use [component name]", "integrate showcase components", "copy component from showcase", "Svelte 5 component examples", or "showcase component library". Works with shadcn-svelte, Bits UI, TailwindCSS v4, sveltekit-superforms, and Svelte 5 runes. Source: dawiddutoit/custom-claude.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
Source
dawiddutoit/custom-claude
Category
*Creative Media
Verified
✓
First Seen
2026-02-25
Updated
2026-03-11
URL
https://www.learn-skills.dev/en/skills/dawiddutoit/custom-claude/svelte5-showcase-components

Browse more skills from dawiddutoit/custom-claude

Quick answers

What is svelte5-showcase-components?

Provides Comprehensive guide to the Svelte 5 Showcase component library with 49 production-ready components organized into 7 categories. Use when you need to discover available components, understand component usage patterns, integrate components into new projects, or reference best practices for Svelte 5 development. Triggers on "what components are available", "how to use [component name]", "integrate showcase components", "copy component from showcase", "Svelte 5 component examples", or "showcase component library". Works with shadcn-svelte, Bits UI, TailwindCSS v4, sveltekit-superforms, and Svelte 5 runes. Source: dawiddutoit/custom-claude.

How do I install svelte5-showcase-components?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/dawiddutoit/custom-claude

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-25

Related Skills

playwright-web-scraper
50 Installs
java-best-practices-security-audit
8 Installs
java-test-generator
8 Installs
playwright-network-analyzer
7 Installs
quality-detect-regressions
6 Installs
chrome-browser-automation
6 Installs