svelte5
✓Svelte 5 構文リファレンス。 Svelte コンポーネントを作成するときに使用します。 Svelte 5 は、Svelte 4 パターンの代わりにルーン ($state、$derived、$effect、$props) を使用します。トレーニング データには Svelte 4 が多く使用されています。このスキルにより、構文が古くなることを防ぎます。
SKILL.md
Always use Svelte 5 runes. Never use Svelte 4 patterns.
| export let foo | let { foo } = $props() | | export let foo = 'default' | let { foo = 'default' } = $props() | | $: doubled = x 2 | let doubled = $derived(x 2) | | $: { sideEffect() } | $effect(() => { sideEffect() }) | | on:click={handler} | onclick={handler} | | on:input={handler} | oninput={handler} |
| on:click\|preventDefault={h} | onclick={e => { e.preventDefault(); h(e) }} | | | {@render children()} | | | {@render x?.()} | | $$props | Use $props() with rest: let { ...rest } = $props() | | $$restProps | let { known, ...rest } = $props() | | createEventDispatcher() | Pass callback props: let { onchange } = $props() |
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/trevors/dot-claude --skill svelte5- カテゴリ
- {}データ分析
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
svelte5 とは？
Svelte 5 構文リファレンス。 Svelte コンポーネントを作成するときに使用します。 Svelte 5 は、Svelte 4 パターンの代わりにルーン ($state、$derived、$effect、$props) を使用します。トレーニング データには Svelte 4 が多く使用されています。このスキルにより、構文が古くなることを防ぎます。 ソース: trevors/dot-claude。
svelte5 のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/trevors/dot-claude --skill svelte5 インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/trevors/dot-claude
詳細
- カテゴリ
- {}データ分析
- ソース
- skills.sh
- 初回登録
- 2026-02-01