engram-dashboard-htmx

使用する場面

以下の場合にこのスキルを使用します。

• htmx の部分読み込みやフィルターコントロールを追加するとき
• ダッシュボードのフォームやトグルを接続するとき
• ブラウザーや検索の操作を変更するとき

---

HTMX のルール

1. サーバーでレンダリングされた HTML がプロダクトであり、htmx はこれを拡張するものであって、置き換えるものではありません。
2. カスタムのクライアント側状態管理より、シンプルな hx-get と hx-include を優先します。
3. フィルターは、操作をまたいでもユーザーが期待する現在の状態を維持する必要があります。
4. システムの状態を変更するフォームは、通常の HTTP POST としても動作する必要があります。
5. 部分更新用のエンドポイントは、それ自体で意味のある HTML を返す必要があります。隠れた JS の前提に依存するフラグメントを返してはいけません。

---

操作のルール

• 検索とフィルターのコントロールは、互いに支障なく組み合わせられる必要があります。
• トグル操作では、サーバーの処理後の状態が明確に表示される必要があります。
• 関連するナビゲーションでは、URL が意味を持ち、共有できる状態を保つ必要があります。
• htmx は速度向上のために使用し、ブラウザー内にビジネスロジックを隠すために使用してはいけません。