Svelte 5 および SvelteKit フレームワーク パターン。ルーン ($state、$derived、$effect、$props、$bindable、$inspect)、スニペット、詳細な反応性、コンポーネントの構成、およびイベント処理について説明します。 SvelteKit の対象範囲には、ファイルベースのルーティング、サーバーおよびユニバーサル ロード機能、フォーム アクション、フック、アダプター、エラー処理が含まれます。 Svelte 4 から 5 への移行ガイダンスが含まれています (ストアからルーン、on:event から onevent、スロットからスニペット)。 Svelte 5 コンポーネントの構築、SvelteKit ルーティングの構成、フォーム アクションの実装、Svelte 4 からの移行、または反応性の問題のデバッグ時に使用します。
コマンドラインで svelte AI スキルを開発環境にすばやくインストール
ソース: oakoss/agent-skills。
Svelte is a compiler-based UI framework that shifts work from runtime to build time, producing minimal JavaScript with no virtual DOM. Svelte 5 introduces runes for explicit, fine-grained reactivity. SvelteKit is the full-stack framework built on Svelte, providing file-based routing, server-side rendering, and deployment adapters.
When to use: Full-stack web apps, static sites, progressive enhancement, SSR/SSG, projects needing small bundle sizes, migration from Svelte 4 to 5.
When NOT to use: React/Vue ecosystem lock-in, projects requiring extensive third-party component libraries only available for other frameworks, teams with no Svelte experience on tight deadlines.
Svelte 5 および SvelteKit フレームワーク パターン。ルーン ($state、$derived、$effect、$props、$bindable、$inspect)、スニペット、詳細な反応性、コンポーネントの構成、およびイベント処理について説明します。 SvelteKit の対象範囲には、ファイルベースのルーティング、サーバーおよびユニバーサル ロード機能、フォーム アクション、フック、アダプター、エラー処理が含まれます。 Svelte 4 から 5 への移行ガイダンスが含まれています (ストアからルーン、on:event から onevent、スロットからスニペット)。 Svelte 5 コンポーネントの構築、SvelteKit ルーティングの構成、フォーム アクションの実装、Svelte 4 からの移行、または反応性の問題のデバッグ時に使用します。 ソース: oakoss/agent-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/oakoss/agent-skills --skill svelteSvelte 5 および SvelteKit フレームワーク パターン。ルーン ($state、$derived、$effect、$props、$bindable、$inspect)、スニペット、詳細な反応性、コンポーネントの構成、およびイベント処理について説明します。 SvelteKit の対象範囲には、ファイルベースのルーティング、サーバーおよびユニバーサル ロード機能、フォーム アクション、フック、アダプター、エラー処理が含まれます。 Svelte 4 から 5 への移行ガイダンスが含まれています (ストアからルーン、on:event から onevent、スロットからスニペット)。 Svelte 5 コンポーネントの構築、SvelteKit ルーティングの構成、フォーム アクションの実装、Svelte 4 からの移行、または反応性の問題のデバッグ時に使用します。 ソース: oakoss/agent-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/oakoss/agent-skills --skill svelte インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/oakoss/agent-skills