Install
plan, review against the brief, build, critiqueلمن يناسب
استخدم frontend-design عندما تصنع واجهة جديدة، أو تعدّل واجهة قائمة، وتحتاج اتجاهًا بصريًا واعيًا يمكن تمييزه. يساعدك على تثبيت اتجاه جمالي وخطوط واختيارات لا تبدو قيمًا افتراضية لقالب.
الأنسب أن تعامل هذه المهمة كمسؤول التصميم في استوديو: العميل رفض أصلًا المقترحات الجاهزة أو ذات طابع القالب، وهو مستعد للدفع مقابل وجهة نظر واضحة. عليك أن تختار بوضوح في ألوان هذا الموجز وخطوطه وتخطيطه، ويمكنك تحمّل مخاطرة جمالية عندما تكون الأسباب كافية. المادة المصدر لا تعطي قائمة منتجات وكيلة ولا برنامج تثبيت؛ لا تفهمها كميزة حصرية لبرمجية بعينها. صفحة الوصف الرسمية هي
https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md
إنهاء المحاولة الأولى في 3 دقائق
هذا الدليل لا يعطي أمر تثبيت. في المحاولة الأولى لا تختلق مسار مستودع ولا تعليمة مدير حزم. المسار الموصى به هو العملية الواردة في المادة المصدر: أولاً plan، ثم المراجعة مقابل الموجز، ثم build، وأخيرًا critique.
شرط مسبق: لديك أصلًا مهمة واجهة، حتى إن كان الموجز قصيرًا. أول حركة منخفضة المخاطر هي التموضع فقط — لا تغيّر الشفرة ولا تكتب ملفات. إن لم يوضح الموجز المنتج أو الموضوع، حدّد أولاً موضوعًا ملموسًا وجمهورًا والمهمة الرئيسة لهذا التصميم، اكتبها كاقتراح، وأكّدها مع من طلب العمل. قبل التأكيد لا تدخل إلى الألوان أو كتابة الواجهة.
إشارة النجاح: ثلاث جمل تكفي لتوضيح «لمن هذا، وماذا يحل، وما الموضوع»، ولا تعدّل إلا بعد أن يومئ الطرف الآخر أو يعترض بوضوح. لا تبدأ بفرش أرضية كريمية دافئة قريبة من #F4F1EA ثم عناوين سيريف عالية التباين ولمسات تيراكوتا — المادة المصدر تعدّ ذلك سمة لتراكم المسودات المولَّدة الحالية.
حالات الاستخدام
الحالة الأولى: إذا نقصت معلومات المنتج في الموجز، اجعل المحاذاة أولاً ثم التصميم. بحسب المادة المصدر، اقترح أولاً موضوعًا ملموسًا وجمهورًا ومهمة رئيسة، كاقتراح للتأكيد. معيار الإنجاز هو تأكيد هذه البنود الثلاثة، لا وجود نسخة UI مكتملة. المادة لا تذكر أي أداة للتأكيد؛ الشفهي أو الكتابي جائزان. رسم الواجهة قبل التأكيد يخرج عن هذا المسار.
الحالة الثانية: اتخاذ قرار الخط لموجز محاذى أصلًا. المادة توضح: العنوان والنص لا يحتاجان كلٌّ منهما إلى خط مختلف تمامًا؛ عائلة واحدة، أو اثنتان بشرط تمايز واضح. اختر عن قصد. لا تأخذ عشوائيًا «الخط الافتراضي الذي يستخدمه أي مشروع». يذكر الملخص أيضًا إبقاء طول السطر ضمن 80 حرفًا، لكن المقتطف لا يصف خطوات فحص طول السطر، لذا معيار الإنجاز لهذه الحالة هو أن عدد عائلات الخطوط والفروق قد تقرر، لا أن فحص التنضيد قد اكتمل. الألوان والتخطيط ما زالا خاصين بهذا الموجز؛ لا تُعد استخدام الاقتران الشائع للأرضية الكريمية مع تأكيد تيراكوتا.
حدود الاستخدام
العملية هي plan، ثم المقابلة مع الموجز، ثم build، ثم critique. الموضوع والجمهور والمهمة الرئيسة أولاً، ثم البصري. خط واحد أو اثنان؛ ارفض الخطوط الافتراضية الجامعة. تجنّب التراكم الذي تسمّيه المادة المصدر: خلفية كريمية دافئة (قريبة من #F4F1EA)، عناوين سيريف عالية التباين، تأكيدات تيراكوتا أو طين دافئ.
لا تختلق برنامج تثبيت ولا مسارًا داخل المستودع. المادة لا تعطي قائمة مكتبات مكوّنات ولا ملف لوحة ألوان افتراضية ولا قائمة عملاء. قبل كتابة الشفرة أو الكتابة فوق الأنماط القائمة، أكّد أن الاقتراح قد قُبل. ما يتجاوز هذا التموضع والخطوط والمزالق المكتوبة لا تغطيه هذه الصفحة. إن كنت فقط تطبق قالبًا جاهزًا دون اختيار لهذا الموجز، فلا تسلك هذا المسار. حاذِ الموجز أولاً، ثم تحمّل مخاطرة جمالية لها سبب.