Menu
Svelte 5 & SvelteKit ベストプラクティス。Svelte 5 Runes ベースのコンポーネント設計規約。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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