·svelte5-showcase-components
*

svelte5-showcase-components

実稼働対応の 49 個の Svelte 5 Showcase コンポーネント ライブラリの包括的なガイドを提供します コンポーネントは 7 つのカテゴリに分類されます。利用可能なコンポーネントを見つける必要がある場合に使用します。 コンポーネントの使用パターンを理解する、コンポーネントを新しいプロジェクトに統合する、または参照する Svelte 5 開発のベスト プラクティス。 「利用可能なコンポーネント」をトリガーします。 "[コンポーネント名] の使用方法"、"ショーケース コンポーネントを統合する"、"ショーケースからコンポーネントをコピーする"、 「Svelte 5 コンポーネントの例」または「ショーケース コンポーネント ライブラリ」。 shadcn-svelte で動作します。 UI、TailwindCSS v4、sveltekit-superforms、および Svelte 5 rune について説明します。

3インストール·0トレンド·@dawiddutoit

インストール

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

svelte5-showcase-components のインストール方法

コマンドラインで svelte5-showcase-components AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: dawiddutoit/custom-claude。

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

実稼働対応の 49 個の Svelte 5 Showcase コンポーネント ライブラリの包括的なガイドを提供します コンポーネントは 7 つのカテゴリに分類されます。利用可能なコンポーネントを見つける必要がある場合に使用します。 コンポーネントの使用パターンを理解する、コンポーネントを新しいプロジェクトに統合する、または参照する Svelte 5 開発のベスト プラクティス。 「利用可能なコンポーネント」をトリガーします。 "[コンポーネント名] の使用方法"、"ショーケース コンポーネントを統合する"、"ショーケースからコンポーネントをコピーする"、 「Svelte 5 コンポーネントの例」または「ショーケース コンポーネント ライブラリ」。 shadcn-svelte で動作します。 UI、TailwindCSS v4、sveltekit-superforms、および Svelte 5 rune について説明します。 ソース: dawiddutoit/custom-claude。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-25
更新日
2026-03-11

Browse more skills from dawiddutoit/custom-claude

クイックアンサー

svelte5-showcase-components とは?

実稼働対応の 49 個の Svelte 5 Showcase コンポーネント ライブラリの包括的なガイドを提供します コンポーネントは 7 つのカテゴリに分類されます。利用可能なコンポーネントを見つける必要がある場合に使用します。 コンポーネントの使用パターンを理解する、コンポーネントを新しいプロジェクトに統合する、または参照する Svelte 5 開発のベスト プラクティス。 「利用可能なコンポーネント」をトリガーします。 "[コンポーネント名] の使用方法"、"ショーケース コンポーネントを統合する"、"ショーケースからコンポーネントをコピーする"、 「Svelte 5 コンポーネントの例」または「ショーケース コンポーネント ライブラリ」。 shadcn-svelte で動作します。 UI、TailwindCSS v4、sveltekit-superforms、および Svelte 5 rune について説明します。 ソース: dawiddutoit/custom-claude。

svelte5-showcase-components のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

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