إعداد التوجيه المختلط مع انتقالات الشاشة الأصلية في WebF - قم بتكوين التنقل باستخدام توجيه WebF بدلاً من توجيه SPA. يُستخدم عند إعداد التنقل، أو تنفيذ تطبيقات الشاشات المتعددة، أو عندما لا يعمل React-router-dom/vue-router كما هو متوقع.
ثبّت مهارة الذكاء الاصطناعي webf-routing-setup بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: openwebf/webf.
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 - قم بتكوين التنقل باستخدام توجيه WebF بدلاً من توجيه SPA. يُستخدم عند إعداد التنقل، أو تنفيذ تطبيقات الشاشات المتعددة، أو عندما لا يعمل React-router-dom/vue-router كما هو متوقع. المصدر: openwebf/webf.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/openwebf/webf --skill webf-routing-setupإعداد التوجيه المختلط مع انتقالات الشاشة الأصلية في WebF - قم بتكوين التنقل باستخدام توجيه WebF بدلاً من توجيه SPA. يُستخدم عند إعداد التنقل، أو تنفيذ تطبيقات الشاشات المتعددة، أو عندما لا يعمل React-router-dom/vue-router كما هو متوقع. المصدر: openwebf/webf.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/openwebf/webf --skill webf-routing-setup بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/openwebf/webf