Svelte 5 の runes、snippets、SvelteKit パターン、TypeScript とコンポーネント開発の最新ベストプラクティス。Svelte 5 コンポーネントや SvelteKit アプリケーションの作成、レビュー、リファクタリング時に使用します。
このスキルは、Svelte 5 と SvelteKit アプリケーションの開発において、最新のベストプラクティスに従うための包括的なガイドを提供します。特に、Svelte 5 で導入された runes（$state, $derived, $effect, $props, $bindable, $inspect）や snippets（{#snippet}, {@render}）を中心に、効率的でメンテナブルなコードを記述するためのルールとパターンを定義しています。また、SvelteKit のデータローディングやフォームアクション、SSR（サーバーサイドレンダリング）における状態の分離、パフォーマンス最適化、コンポーネントテストなど、実践的なトピックもカバーしています。このスキルは、Svelte 4 から Svelte 5 への移行、ストアから runes への移行、スロットから snippets への移行といった移行シナリオにも対応しており、TypeScript による型安全なプロパティ定義やジェネリックコンポーネントの作成もサポートします。AI エージェント（Claude Code, Cursor, Codex など）が Svelte 5 関連のコードを生成・レビューする際に、一貫性と品質を保証するためのルールセットとして機能します。
npx skills add https://github.com/ejirocodes/agent-skills/tree/main/skills/svelte5-best-practicesInstalled? Explore more 生産性＆コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
Svelte 5 の runes、snippets、SvelteKit パターン、TypeScript とコンポーネント開発の最新ベストプラクティス。Svelte 5 コンポーネントや SvelteKit アプリケーションの作成、レビュー、リファクタリング時に使用します。以下の場合にトリガーされます：Svelte コンポーネント、runes（$state, $derived, $effect, $props, $bindable, $inspect）、snippets（{#snippet}, {@render}）、イベントハンドリング、SvelteKit データローディング、フォームアクション、Svelte 4 から Svelte 5 への移行、ストアから runes への移行、スロットから snippets への移行、TypeScript プロパティの型付け、ジェネリックコンポーネント、SSR 状態の分離、パフォーマンス最適化、コンポーネントテスト。
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.