محرك تحليل التحويل في تجربة المستخدم

يحوّل أي فكرة إلى نظام واجهات نظيف وفاخر مستوحى من Apple، بمنهجية تصميم منضبطة وبنية جاهزة للتنفيذ. يركّز على التخطيط الدقيق، المسافات المقصودة، التسلسل الطباعي، والتفاعلات الهادئة لتقديم واجهات راقية وقابلة للتطبيق.

يحلّل أداء الموقع المبني ويقدّم توصيات عملية لتحسين السرعة وتجربة الاستخدام. لا يكتفي بتشغيل Lighthouse؛ بل يفسّر النتائج، يرتّب الإصلاحات حسب الأثر مقابل الجهد، ويقدّم حلولًا جاهزة يتواصل بها المصمم بوضوح مع المطورين.

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

ينشئ مستند تسليم تصميم يوجّه وكلاء البرمجة بالذكاء الاصطناعي بمواصفات قابلة للتنفيذ والمعالجة آليًا، بلا غموض: كل قيمة صريحة، كل حالة معرّفة، وكل حالة حدّية لها قاعدة.

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

يكشف هذا البرومبت عدم الاتساق وديون التصميم لتثبيت أنظمة واجهة المستخدم وتوسيعها بثقة. ⚡ نصيحة: شغّله قبل توسيع فريق الواجهة الأمامية لتفادي تضاعف الفوضى.

يساعدك هذا البرومبت على بناء موقعك صفحةً صفحة بعد برومبت الانطلاقة الأولية.

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

يساعدك هذا الموجّه على مراجعة التصميم وصقله بعد كل تكرار، مع اقتراح تحسينات عملية وتنفيذها.

ينشئ توثيقًا تفصيليًا لكل مكوّن في نظام التصميم، يتجاوز جدول الخصائص ليشمل إرشادات الاستخدام، أمثلة افعل/لا تفعل، متطلبات إمكانية الوصول، ورموز التصميم التي يعتمد عليها كل مكوّن. الناتج يُدرج ضمن قسم المكوّنات في CLAUDE.md.

صمّم صفحة لاختبار ميزات Enterprise WeChat/DingTalk تركّز على إدارة دليل الموظفين وجهات الاتصال، والتقويم والجدولة، وإرسال الرسائل واستقبالها، بواجهة سهلة الاستخدام وأنيقة وذات طابع تقني عصري.

ينشئ قائمة تحقق شاملة ومخصصة للمشروع قبل الإطلاق، تغطي ما يجب مراجعته قبل النشر، مع مواءمتها للتقنيات والميزات والمتطلبات الخاصة بكل مشروع.