webf-routing-setup
✓WebF でのネイティブ画面遷移を使用したハイブリッド ルーティングのセットアップ - SPA ルーティングの代わりに WebF ルーティングを使用してナビゲーションを構成します。ナビゲーションを設定する場合、マルチスクリーン アプリを実装する場合、または React-router-dom/vue-router が期待どおりに動作しない場合に使用します。
インストール
SKILL.md
Note: WebF development is nearly identical to web development - you use the same tools (Vite, npm, Vitest), same frameworks (React, Vue, Svelte), and same deployment services (Vercel, Netlify). This skill covers one of the 3 key differences: routing with native screen transitions instead of SPA routing. The other two differences are async rendering and API compatibility.
WebF does NOT use traditional Single-Page Application (SPA) routing. Instead, it uses hybrid routing where each route renders on a separate, native Flutter screen with platform-native transitions.
In Browsers (SPA Routing) Traditional web routing uses the History API or hash-based routing:
WebF でのネイティブ画面遷移を使用したハイブリッド ルーティングのセットアップ - SPA ルーティングの代わりに WebF ルーティングを使用してナビゲーションを構成します。ナビゲーションを設定する場合、マルチスクリーン アプリを実装する場合、または React-router-dom/vue-router が期待どおりに動作しない場合に使用します。 ソース: openwebf/webf。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/openwebf/webf --skill webf-routing-setup- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
webf-routing-setup とは？
WebF でのネイティブ画面遷移を使用したハイブリッド ルーティングのセットアップ - SPA ルーティングの代わりに WebF ルーティングを使用してナビゲーションを構成します。ナビゲーションを設定する場合、マルチスクリーン アプリを実装する場合、または React-router-dom/vue-router が期待どおりに動作しない場合に使用します。 ソース: openwebf/webf。
webf-routing-setup のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/openwebf/webf --skill webf-routing-setup インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/openwebf/webf
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01