svelte-ui-design
✓Svelte コンポーネントのスタイル、デザイン、UI 作業には常にこのスキルを使用してください。 Tailwind CSS 4、Skeleton Labs デザイン トークン/プリセット/Tailwind コンポーネント、および Bits UI ヘッドレス コンポーネントを使用した Svelte 5 UI デザイン システム。クラス構成、カラー システム、インタラクティブ コンポーネント、フォーム、オーバーレイ、およびすべてのビジュアル デザインをカバーします。
インストール
SKILL.md
Svelte 5 + Tailwind CSS 4 + Skeleton Labs + Bits UI 통합 디자인 시스템
Tailwind Components (Skeleton Labs 클래스 조합) 클래스로 디자인을 뭉쳐놓은 기본 요소. card, chip, badge, placeholder 등.
Svelte コンポーネントのスタイル、デザイン、UI 作業には常にこのスキルを使用してください。 Tailwind CSS 4、Skeleton Labs デザイン トークン/プリセット/Tailwind コンポーネント、および Bits UI ヘッドレス コンポーネントを使用した Svelte 5 UI デザイン システム。クラス構成、カラー システム、インタラクティブ コンポーネント、フォーム、オーバーレイ、およびすべてのビジュアル デザインをカバーします。 ソース: xiyo/zheon。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design- ソース
- xiyo/zheon
- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
svelte-ui-design とは？
Svelte コンポーネントのスタイル、デザイン、UI 作業には常にこのスキルを使用してください。 Tailwind CSS 4、Skeleton Labs デザイン トークン/プリセット/Tailwind コンポーネント、および Bits UI ヘッドレス コンポーネントを使用した Svelte 5 UI デザイン システム。クラス構成、カラー システム、インタラクティブ コンポーネント、フォーム、オーバーレイ、およびすべてのビジュアル デザインをカバーします。 ソース: xiyo/zheon。
svelte-ui-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/xiyo/zheon