أفضل 19 برومبت من Claude للتصميم تعمل فعلًا

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

فيما يلي 19 برومبت تغطي إعداد الملخص وأنظمة الخطوط والألوان ونصوص الواجهة والنقد وتسليم العمل. كل واحد منها جاهز للنسخ والاستخدام. شغّلها في Chat Smith، وهو دردشة ذكاء اصطناعي مجانيةتجمع Claude وGPT وGemini في مكان واحد، واطّلع على مجموعة أوسع من برومبتات Claudeللأعمال خارج مجال التصميم.

لا يستطيع Claude رؤية ملفك. كل ما يعرفه عن تصميمك يأتي من دقة وصفك له، ولذلك تتبع جودة النتيجة جودة الوصف بصورة شبه كاملة. يستطيع نموذج ذو سياق طويل مثل Claude Sonnet 5الاحتفاظ بملخص المشروع ودليل العلامة التجارية وثلاث جولات من النقد في محادثة واحدة. وهذا ما يجعل التكرار والتحسين المستمر ممكنين بدلًا من إجابة لمرة واحدة. هناك أربع عادات تفصل البرومبت المفيد عن العام.

صِف ما يظهر على الشاشة لا ما كنت تقصده. اذكر التخطيط والتسلسل الهرمي والمسافات وقيم الألوان وأحجام الخطوط. إذا وصفت نيتك فقط فستحصل على ملاحظات حول النية فقط.

حدّد الجمهور والقرار المطلوب. عبارة «مشترو برمجيات SaaS للشركات يقارنون بين ثلاثة مزودين» تنتج نصيحة مختلفة عن كلمة «المستخدمون». القرار الذي ينبغي للتصميم دفعه أهم من المظهر الجمالي.

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

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

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

1. أداة بناء الملخص الإبداعي

اكتب ملخصًا إبداعيًا مفصلًا لـ[المشروع]. العميل والعلامة التجارية: [صِف]. الجمهور المستهدف: [من هم، ماذا يستخدمون حاليًا، وبماذا يؤمنون]. ينبغي أن تمنح العلامة شعورًا بـ[ثلاث صفات]. ضمّن نظرة عامة على العلامة والجمهور وأهداف التصميم ونبرة الصوت والمخرجات والقيود. ثم أشر إلى أي جزء متناقض أو غامض أكثر من اللازم في مدخلاتي بحيث لا يصلح أساسًا للتصميم.

2. لوحة المزاج اللفظية

صِف أربعة اتجاهات بصرية مختلفة حقًا لـ[المشروع]. لكل اتجاه، اذكر لوحة ألوان مع اقتراحات بالقيم السداسية وشخصية الخط وأسلوب الصور وطابع مكونات واجهة المستخدم والعاطفة التي ينبغي أن يثيرها. اجعلها مختلفة في النوع لا في الدرجة، ولا تجعل أي اتجاهين نسختين من الفكرة نفسها. ثم أخبرني أيها أكثر مخاطرة ولماذا.

3. تدقيق أعراف الفئة

هكذا يقدم اللاعبون الرئيسيون في [الفئة] أنفسهم بصريًا: [صِف مواقعهم وألوانهم وخطوطهم وصورهم]. حدّد أعراف هذه الفئة، أي الأشياء التي يفعلها الجميع. ثم أخبرني أيها موجود لسبب حقيقي يتعلق بسهولة الاستخدام وأيها مجرد تقليد، لأن المجموعة الثانية هي المجال الآمن للتميّز.

4. مترجم احتياجات الجمهور

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

أربعة برومبتات للطبقة النظامية. قرارات التسمية والبنية زهيدة التغيير الآن، لكنها تصبح مكلفة بعد أن يبني المطورون النظام استنادًا إليها.

5. تنسيق الخطوط

اقترح ثلاث تركيبات خطوط لـ[صِف العلامة والمجال] ينبغي أن تبدو [ثلاث صفات]. لكل تركيبة، اذكر خط العناوين وخط المتن والمنطق الذي يمكنني عرضه في اجتماع العميل. التزم بالعائلات التي تثق بتوفرها على [Google Fonts / Adobe Fonts]، وأخبرني أين ينبغي أن أتحقق من الترخيص بنفسي.

6. مقياس الخطوط

أنشئ مقياس خطوط لـ[نوع المنتج] من [عدد] درجات، بحجم أساسي [X] بكسل. أعطني الحجم وارتفاع السطر والوزن والاستخدام المقصود لكل درجة، إضافة إلى قيم الهاتف. ثم أخبرني أي درجتين متقاربتان إلى حد قد يدفع المصمم إلى إساءة استخدامهما، وهل يحتاج المقياس فعلًا إلى كلتيهما.

7. أداة تسمية لوحة الألوان

هذه لوحة ألواني: [اسرد كل لون مع قيمته السداسية]. العلامة هي [صِف]. امنح كل لون اسمًا معبّرًا سهل التذكر يناسب العلامة، ووصفًا من سطر واحد لدوره في النظام. تجنب الأسماء التي تصف اللون نفسه، فهي لا تضيف شيئًا إلى ما تقوله القيمة السداسية.

8. قاعدة تسمية الرموز

أبني نظام تصميم لـ[المنتج]. أنشئ قاعدة دلالية لتسمية رموز الألوان تشمل ألوان العلامة ومقياسًا محايدًا وألوان الحالات وأزواج الخلفية/المقدمة. اعرضها في جدول. ثم اشرح قاعدة التسمية في فقرة واحدة كي يتمكن مطور ينضم بعد ستة أشهر من توسيعها من دون أن يسألني.

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

9. النصوص المصغرة لتهيئة المستخدم

اكتب النصوص المصغرة لمسار تهيئة من [عدد] شاشات لـ[المنتج]. لكل شاشة: عنوان، ونص لا يتجاوز جملتين، وعبارة زر. النبرة: [صِف]. يجب أن تستحق كل شاشة الانتقال إلى التالية؛ فإذا كانت الشاشة موجودة فقط لشرح ميزة، فاطلب مني حذفها بدلًا من كتابة نص لها.

10. حالات الفراغ والخطأ

اكتب حالات الفراغ ورسائل الخطأ لـ[صِف جزء المنتج]. لكل حالة: ماذا حدث، وما الذي يستطيع المستخدم فعله، وعبارة الزر. بلا اعتذار، ولا لوم للمستخدم، ولا كلمة «عفوًا». إذا كان الخطأ من جانبنا فقل ذلك بوضوح. وإذا تعذر على المستخدم إصلاحه فأخبره بما نفعله نحن بدلًا منه.

11. تسميات النموذج والنص المساعد

هذه حقول نموذجي: [اسردها مع الغرض من كل منها]. اكتب التسمية والنص النائب والنص المساعد لكل حقل. تبقى التسميات ظاهرة ولا تعيش داخل النص النائب فقط. ثم أشر إلى أي حقل يؤدي فيه النص المساعد عملًا ينبغي أن تؤديه التسمية، وإلى أي حقل يمكنني حذفه تمامًا.

12. تدقيق الأزرار والإجراءات

هذه جميع عبارات الأزرار في [صِف المسار أو الشاشة]: [اسردها]. افحص اتساق الصوت والبنية النحوية، والغموض بشأن ما سيحدث بعد النقر، وأي عبارتين يمكن الخلط بينهما. أعد كتابة العبارات التي بها مشكلة، وأخبرني ما الإجراء الوحيد الذي ينبغي أن يهيمن بصريًا على هذه الشاشة.

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

13. نقد التخطيط

هذا تصميمي: [صِف التخطيط والتسلسل الهرمي واللون والخط والمسافات وما يظهر قبل التمرير]. الجمهور: [صِف]. الإجراء الذي أريده منهم: [اذكره]. انقده وفق مبادئ تركز على التحويل، وقدّم خمسة تحسينات محددة مرتبة حسب الأثر المتوقع. أخبرني أيها سأقاومه ولماذا يظل صحيحًا.

14. فحص التسلسل الهرمي

هذا كل ما على الشاشة بالترتيب الذي يظهر به: [اسرد العناصر مع أحجامها وأوزانها]. أخبرني بالترتيب الذي سيلاحظها به المستخدم فعلًا، وهل يطابق ترتيب الأهمية الذي قصدته: [اذكر ترتيبك المقصود]. حيث يختلفان، أخبرني بما ينبغي تغييره.

15. مراجعة سهولة الوصول

هذا تصميمي: [صِف الألوان مع القيم السداسية وأحجام الخطوط والعناصر التفاعلية والحالات]. راجعه من حيث سهولة الوصول: تباين الألوان، وحجم النص، وحجم أهداف اللمس، والاعتماد على اللون وحده لنقل المعنى، وحالات التركيز، والحركة. أخبرني بما يجب التحقق منه باستخدام مدقق تباين وقارئ شاشة حقيقيين بدلًا من الاكتفاء بكلامك.

16. تشخيص ما لا يعمل

هناك خطأ ما في هذا التصميم ولا أستطيع تسميته: [صِفه بأكبر قدر ممكن من التفصيل]. لا تقترح حلولًا بعد. اسألني ما يصل إلى ستة أسئلة عن النية والقيود والسياق، ثم قدم أفضل تشخيص لما هو خطأ فعلًا. غالبًا لا يكون الشيء الذي أحدق فيه.

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

17. مبررات التصميم

اكتب مبررات تصميم من ثلاث فقرات لـ[صِف ما صنعت والقرارات المحددة: اللون والخط والتكوين والصور]. الجمهور: شخص غير مصمم [مؤسس / عميل / صاحب مصلحة]. اشرح كل قرار من حيث ما يقدمه لأعماله، لا من حيث نظرية التصميم. تجنب المصطلحات التي تحتاج إلى شرح.

18. دليل صوت العلامة التجارية

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

19. ملاحظات التسليم للمطور

هذا تصميمي: [صِف المكونات والحالات والسلوكيات]. اكتب ملاحظات تسليم للمطور: ما هو ثابت وما هو مرن، وكيف يتصرف كل مكون عند نقاط التوقف، وكل حالة تفاعلية، وما يحدث مع المحتوى غير المتوقع مثل الأسماء الطويلة والصور المفقودة والقوائم الفارغة. ثم اسرد الأسئلة التي سيطرحها المطور ولا يجيب عنها وصفي.

تكرر أعمال التصميم البرومبتات نفسها مع مشاريع مختلفة، ولذلك يستحق الأمر حفظها بصورة منظمة. يتيح لك Chat Smith الاحتفاظ بقالب الملخص وبرومبت النقد وقائمة فحص التسليم كقوالب بنقرة واحدة، وتجميعها حسب العميل، ومشاركة المجموعة مع فريق المنتج حتى تصل الملخصات بصيغة متسقة.

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

ابدأ بالبرومبت 16، «تشخيص ما لا يعمل»، وطبقه على أي جزء غير مكتمل حاليًا في ملفك. إنه البرومبت الوحيد هنا الذي يطرح عليك أسئلة قبل أن يقدم إجابة، وغالبًا ما يعثر على المشكلة الحقيقية.