جاري التحميل...
جاري التحميل...
يساعدك هذا البرومبت على بناء موقعك صفحةً صفحة بعد برومبت الانطلاقة الأولية.
بناءً على التصوّر المعتمد، ابنِ صفحة [Homepage/About/etc.]. المتطلبات والقيود: - مكوّن React واحد في ملف واحد باستخدام Tailwind - تصميم يبدأ من الجوال أولاً، ومتجاوب مع مختلف الشاشات - ميزانية الأداء: لا تعتمد على أي مكتبة يتجاوز حجمها 50kb إلا إذا كان ذلك مبررًا بوضوح - يجب أن تكون [Specific interaction from Phase 1] هي اللحظة الأبرز في قسم الهيرو - استخدم مهارة frontend-design لضمان جودة التصميم اعرض لي المكوّن. سأراجعه قبل الانتقال إلى الصفحة التالية.
ينشئ قائمة تحقق شاملة ومخصصة للمشروع قبل الإطلاق، تغطي ما يجب مراجعته قبل النشر، مع مواءمتها للتقنيات والميزات والمتطلبات الخاصة بكل مشروع.
يوجّه هذا الموجّه Claude لفحص قاعدة الكود كاملة واستخراج كل رموز التصميم وأنماطه ومكوّناته في جرد خام بصيغة JSON. ليس نظام تصميم جاهزًا، بل مادة أولية. استخدمه في البداية إذا كان لديك كود عامل بلا توثيق لنظام التصميم.
برومبت يضع أساس مشروع تصميم موقع ويب، ويوجّه النقاش الأولي حول الفكرة، التخطيط، الهوية البصرية، والتقنيات قبل كتابة أي كود.
يحلّل أداء الموقع المبني ويقدّم توصيات عملية لتحسين السرعة وتجربة الاستخدام. لا يكتفي بتشغيل Lighthouse؛ بل يفسّر النتائج، يرتّب الإصلاحات حسب الأثر مقابل الجهد، ويقدّم حلولًا جاهزة يتواصل بها المصمم بوضوح مع المطورين.
يفكّك أي واجهة أو صفحة هبوط لكشف أسباب نجاحها في التحويل أو تعثّرها، عبر تحليل سلوكي وتجربة مستخدم دقيق يحوّل الانطباع العام إلى أسباب عملية واضحة.
يحوّل هذا البرومبت فكرة واجهة المستخدم إلى مواصفة تسليم تصميم منظّمة وجاهزة للتنفيذ، مهيّأة لمطوّري الواجهات الأمامية ووكلاء البرمجة بالذكاء الاصطناعي.
يفحص التنفيذ مقابل مواصفات التصميم عبر المتصفحات والأجهزة والحالات الحدّية. هذا QA بصري من منظور المصمم، وليس اختبارًا وظيفيًا؛ يركز على دقة الواجهة وجودة التفاعل، ويقدّم ملاحظات مصنّفة بخطوات إعادة إنتاج واقتراحات إصلاح.
يساعدك هذا الموجّه على مراجعة التصميم وصقله بعد كل تكرار، مع اقتراح تحسينات عملية وتنفيذها.
ينشئ توثيقًا تفصيليًا لكل مكوّن في نظام التصميم، يتجاوز جدول الخصائص ليشمل إرشادات الاستخدام، أمثلة افعل/لا تفعل، متطلبات إمكانية الوصول، ورموز التصميم التي يعتمد عليها كل مكوّن. الناتج يُدرج ضمن قسم المكوّنات في CLAUDE.md.
استخدم هذا الموجّه دوريًا (شهريًا أو بعد إضافة ميزات كبيرة) لإبقاء CLAUDE.md متزامنًا مع الكود الفعلي. يقارن بين نظام التصميم الموثّق والكود الحالي ويحدد أي انحرافات.
يحوّل أي فكرة إلى نظام واجهات نظيف وفاخر مستوحى من Apple، بمنهجية تصميم منضبطة وبنية جاهزة للتنفيذ. يركّز على التخطيط الدقيق، المسافات المقصودة، التسلسل الطباعي، والتفاعلات الهادئة لتقديم واجهات راقية وقابلة للتطبيق.
ينشئ مستند تسليم تصميم يوجّه وكلاء البرمجة بالذكاء الاصطناعي بمواصفات قابلة للتنفيذ والمعالجة آليًا، بلا غموض: كل قيمة صريحة، كل حالة معرّفة، وكل حالة حدّية لها قاعدة.