メニュー
【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
次回リリースのリリースノート下書きを生成する。GitHub Releases に掲載するリリース告知文（冒頭の概要文・付箋ブロック・What's Changed 箇条書き）を、前回リリースタグ以降のコミット・PR から自動で整理し /tmp に出力する。リリース直前にユーザーから実行される想定
KonomiTV のリリース前チェックリストと手順ガイド。リリースを打つ前にユーザーと一緒に確認事項を順番に潰していくためのスキル。リリース前の準備やリリース手順を確認したいときに使う
SOC 職業分類に基づく
| name | add-new-setting-field |
| description | 【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要 |
以下に、KonomiTV のフロントエンドに新しい設定フィールドを追加する際の手順を示します。
ブラウザの LocalStorage に JSON データで保存しています。
KonomiTV アカウントで同期が有効な際は、UI 表示中はサーバーが保持している設定データと双方向に同期されます。
サーバーと同期される設定と同期されない設定があり、後者はサーバー側には送られません。
まず自動同期する設定かしない設定かを把握する必要があります。
同期される設定とされない設定で記述内容が異なります。
また、各設定ごとのキー名は、必ず「見ただけである程度どのような設定項目なのかが理解できる」ものである必要があります。
すでに追加されている他のキー名の命名を参考にしながら、多少長くても意味が明快で、設定項目の実装詳細を端的に表している表現を用いてください。
次に、設定値が新しく追加された際、もしくははじめてそのブラウザで KonomiTV を開いた際のデフォルト値を把握しましょう。
また、設定値は原則「設定画面から直接変更できない設定値」->「L字画面のクロップ設定」-> 設定ページ上での並び順 (client/src/views/Settings/Base.vue などを参照) で記述してください。
フィールドは複数の箇所に追加する必要がありますが、原則個々の記述箇所でフィールドの並び順が共通でなければなりません。
client/src/views/Settings/ 以下に、各設定ページごとの .vue ファイルがあるので、一番適している位置（あるいは指定があったセクション）に新しい設定を、わかりやすく簡潔な言い回しの説明文と共に追加します。 HTML やフォーム UI の props は周囲のコードに合わせてください。
