تصميم صفحة لاختبار ميزات Enterprise WeChat/DingTalk

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

استخدم هذا الموجّه دوريًا (شهريًا أو بعد إضافة ميزات كبيرة) لإبقاء CLAUDE.md متزامنًا مع الكود الفعلي. يقارن بين نظام التصميم الموثّق والكود الحالي ويحدد أي انحرافات.

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

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

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

يحوّل تدقيق JSON الخام من المرحلة الأولى إلى نظام توكنز منظّم ومسمّى بهرمية واضحة (أولي → دلالي → مكوّن). هنا نرتّب فوضى الكود إلى لغة تصميم محكمة، مع تحديد ما يلزم إعادة تسميته أو دمجه أو إيقافه.

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

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

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

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

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

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