turbo-fetch とは?
Turbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。 ソース: rolemodel/rolemodel-skills。
Turbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。
コマンドラインで turbo-fetch AI スキルを開発環境にすばやくインストール
ソース: rolemodel/rolemodel-skills。
This skill documents the turbo fetch pattern for dynamically updating form fields based on user input using Turbo Streams and Stimulus.
The turbofetchcontroller.js should exist at app/javascript/controllers/turbofetchcontroller.js:
Pattern 1: Dependent Dropdown When selecting a type, update available options in another field:
Turbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。 ソース: rolemodel/rolemodel-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetchTurbo Streams と Stimulus を使用して動的なフォーム更新を実装します。カスケード ドロップダウン、条件付きフィールド、動的オプション リストなど、ページ全体を再読み込みせずにユーザーの選択に基づいてフォームがフィールドを更新する必要がある場合に使用します。 ソース: rolemodel/rolemodel-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill turbo-fetch インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/rolemodel/rolemodel-skills