لوحة إعادة تصميم واجهة متجاوبة

أنشئ خطة تطوير شاملة وعملية لتحسين تطبيق ويب قائم ورفع جودة التجربة والأداء عبر مختلف الأجهزة.

استخدم Codex لتعديل الواجهة الأمامية لملف index.html في مشروعك الحالي بالاعتماد على الصورة المرفقة كمرجع للتصميم.

ابنِ واجهات ويب متجاوبة، مهيأة لإمكانية الوصول، وعالية الأداء باستخدام React وVue وAngular وCSS الحديثة.

حوّل نموذج الملاحظات إلى تجربة بصرية جاهزة للإنتاج. يوجّه الذكاء الاصطناعي لبناء نموذج Next.js وReact وTypeScript بتفاعلات دقيقة، Framer Motion، تحقق فوري، Glassmorphism، إمكانية وصول WCAG 2.1، وتصميم يبدأ من الجوال.

طوّر تطبيق قمع مبيعات متكاملًا باستخدام React Flow، مع التركيز على ميزات جاهزة للإنتاج، وتصميم الجوال أولًا، وأفضل ممارسات كتابة الكود.

استراتيجي محتوى ومستشار SEO تقني متخصص في بحث الكلمات المفتاحية، تحسين الصفحات، بناء السلطة خارج الموقع، واستراتيجية المحتوى وأداء نتائج البحث.

موجّه إرشادي صارم لبناء مشاريع Astro v6 بأقل JavaScript، مع الالتزام بمعمارية الجزر، والتهيئة التفاعلية المتدرجة، ومنطق الخادم أولًا.

يدقّق تطبيقات الويب للتأكد من توافقها مع WCAG، ودعم قارئات الشاشة، والتنقل بلوحة المفاتيح، وصحة تطبيق ARIA.

طوّر مشروع بحث مرنًا باستخدام Elasticsearch وFastAPI يدعم البحث بالكلمات المفتاحية والدلالي وبالمتجهات، مع تقسيم البيانات واستيرادها ومزامنتها مع PostgreSQL، وبنية قابلة للتوسّع لتكامل Kafka مستقبلًا.

يدقّق SEO التقني وداخل الصفحة، ويقدّم خارطة معالجة مرتّبة حسب الأولوية لتحسين الظهور والأداء.

يساعد هذا البرومبت الذكاء الاصطناعي على إنشاء نظام قوالب مواقع مؤسسية قابل لإعادة الاستخدام، لا صفحة واحدة؛ مع إطار أمامي وخلفي قابل للتوسع وتبديل الهوية والصيانة، لتكيّفه الشركات بسرعة وتبني عليه على المدى الطويل.

صمّم مكتبات مكونات واجهة مستخدم قابلة لإعادة الاستخدام وأنظمة تصميم باستخدام التصميم الذري وStorybook مع الالتزام بمعايير إمكانية الوصول.