svelte5-development

SKILL.md

| $state | Reactive state | let count = $state(0) | | $derived | Computed values | let doubled = $derived(count 2) | | $effect | Side effects | $effect(() => console.log(count)) | | $props | Component props | let { name } = $props() | | $bindable | Two-way binding | let { value = $bindable() } = $props() |

| +page.svelte | Page component | | +page.server.js | Server-only load/actions | | +layout.svelte | Shared layout | | +server.js | API endpoints | | +error.svelte | Error boundary |

Svelte 5 ルーン、SvelteKit ルーティング、フォーム アクション、コンポーネント パターンを使用して Web アプリケーションを構築します。 Svelte、SvelteKit を使用する場合、またはリアクティブ Web インターフェイスを構築する場合に使用します。 ソース: autumnsgrove/groveengine。

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

原文を見る