Menú
Svelte 5 & SvelteKit ベストプラクティス。Svelte 5 Runes ベースのコンポーネント設計規約。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Writes a blameless incident postmortem for the s4rCiv project in Japanese, grounded in the real timeline, commits, and logs (never speculation). Use when the user says "ポストモーテム書いて" / "障害報告書いて" / "事後検証" / "incident report" / "RCA" / "根本原因", or after an incident, outage, data-integrity scare, or a committed bug fix worth a durable record. Authoring only — no deploy.
Go ベストプラクティス。Go コードの品質を保つための規約とパターン集。
Python ベストプラクティス。Python コードの品質を保つための規約とレビュー観点（Python 3.14+）。
Rust ベストプラクティス。Rust コードの品質を保つための規約とパターン集（Edition 2024）。
TypeScript ベストプラクティス。型安全性とコード品質を保つための規約。
Clean Architecture layer patterns (Handler → Usecase → Port → Gateway → Driver), mapped to s4rCiv's adapter model and observation/interpretation plane separation. Use when implementing or reviewing layered backend code (source adapters, normalizer, read models, CQRS).
| name | bp-svelte |
| description | Svelte 5 & SvelteKit ベストプラクティス。Svelte 5 Runes ベースのコンポーネント設計規約。 |
このスキルが発動したら、docs/best_practices/svelte.md を Read ツールで読み込み、
記載されたベストプラクティス（DECREE）に従ってコードを書くこと。
$state / $derived / $effect を使用。レガシー $: リアクティブ宣言は禁止export let ではなく $props() でデストラクチャリング.raw で proxy オーバーヘッド回避。.snapshot() でシリアライズ$derived を使う+page.ts / +page.server.ts の load でデータ取得。コンポーネント内で直接 fetch しない$effect 内の observer/listener/connection は return で cleanup{#snippet} + {@render} を使用。slot は非推奨完全なベストプラクティスは docs/best_practices/svelte.md を参照。
セクション: Svelte 5 Runes, Component Design, SvelteKit Routing, Data Loading, Form Actions, Styling, Testing