دليل قراءة متعدد اللغات للمهارة
frontend-designالغرض والاستخدام والمصدر
إرشادات لتصميم مرئي مميز ومقصود عند إنشاء واجهة مستخدم جديدة أو إعادة تصميم واجهة مستخدم موجودة. تساعد في التوجيه الجمالي، والطباعة، واتخاذ خيارات لا تبدو كخيارات افتراضية نمطية.
تم استرجاع المصدر:
- مستودع المصدر
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- نجوم المستودع
- 185,373
- آخر تحديث للمستودع
- 2026-10-29
- تصنيف القدرات
- تصميم
- وقت التجميع الأخير
الترخيص: ملف الترخيص بحاجة إلى التحقق
مقتطفات سير العمل هي أدوات مساعدة للقراءة، وليست تعليمات تنفيذية من Codez. لم يتم تشغيل أي مهارة تابعة لجهة خارجية لإنتاج هذه الصفحة.
تُعدّ فقرات الغرض وسير العمل الواردة أدناه موادًا أساسية، مُنظّمة ومترجمة لتسهيل القراءة. وهي تختلف عن التحليل التحريري لـ Codez المُصنّف بشكل منفصل.
ما تفعله هذه المهارة
إرشادات لتصميم مرئي مميز ومقصود عند إنشاء واجهة مستخدم جديدة أو إعادة تصميم واجهة مستخدم موجودة. تساعد في التوجيه الجمالي، والطباعة، واتخاذ خيارات لا تبدو كخيارات افتراضية نمطية.
طريقة الاستخدام وفق المستند الأصلي
العملية: التخطيط، المراجعة وفقًا للموجز، البناء، النقد
لأغراض المعايرة، تتجمع التصاميم المولدة بالذكاء الاصطناعي حاليًا حول بعض السمات: خلفية كريمية دافئة (قريبة من اللون F).4F1EA) مع عرض serif عالي التباين ولمسة من الطين المحروق أو الطين الدافئ (غالبًا بالقرب من #D97757— لهجة تفاعل كلود الخاصة بـ Anthropic، لذلك في موجز المستخدم تُقرأ كإشارة)؛ خلفية سوداء تقريبًا مع لمسة واحدة من اللون الأخضر الفاقع أو القرمزي؛ تصميم على غرار الصحف الكبيرة مع خطوط رفيعة، ونصف قطر حدود صفري، وأعمدة كثيفة تشبه الصحف؛
مقتطف من المصدر · L36 ↗تصميم الواجهة الأمامية
تعامل مع هذا المشروع بصفتك قائدًا للتصميم في استوديو تصميم معروف بمنح كل عميل هوية بصرية مميزة لا تُشبه هوية أي تصميم آخر. لقد رفض هذا العميل بالفعل مقترحات بدت مبتذلة أو نمطية، وهو يدفع مقابل رؤية فريدة: لذا اتخذ خيارات مدروسة وحازمة بشأن الألوان والخطوط والتصميم بما يتناسب مع هذا المشروع، ولا تتردد في خوض مخاطرة جمالية إذا كان ذلك مبررًا.
مقتطف من المصدر · L7 ↗اجعل تصميماتك مرتبطة بالموضوع
إذا لم يحدد الموجز ماهية المنتج أو موضوعه، فحدده بنفسك قبل البدء بالتصميم، وتأكد من ذلك مع العميل. يمكنك تقديم اقتراح يتضمن موضوعًا محددًا، والجمهور المستهدف للتصميم، ووظيفته الأساسية. إذا كانت لديك أي معلومات في ذاكرتك حول تفضيلات العميل أو سياق ما يبنيه، فاستخدمها كدليل. تستمد الخيارات البصرية المميزة من مجال عمل المنتج، وموضوعه، ومواده، وأسلوبه المعماري - على سبيل المثال، تصميم لعبة للفتيات في سن8–11سيختلف تصميمه الجمالي اختلافًا كبيرًا عن لوحة معلومات المحللين الماليين. يجب أن يرتكز التصميم بالكامل على المحتوى والموضوع الفعليين للموجز.
مقتطف من المصدر · L11 ↗المتطلبات والإعداد
لم يتم اختيار أي فقرة متطلبات مختصرة من هذا الملف. هذا لا يعني أن المهارة لا تعتمد على أي ملفات أخرى. راجع تعليمات إعداد المستودع والملفات المرجعية.
الحدود وفحوصات الجودة
لم يتم تحديد أي مقطع حدود منفصل من هذا الملف. هذا لا يعني أن المهارة آمنة لكل مدخلات أو بيئة. راجع المصدر بالكامل وتحقق من صحة النتيجة بنفسك.
ابدأ بتجربة آمنة
- تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
- زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
- جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
- تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.
اقرأ المزيد في المصدر
المهارات ذات الصلة
الترجمة والنطاق
يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.
تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.
- المصدر بإصدار ثابت
- اقرأ الأصل ↗
- تم استرجاع المصدر
- معرّف نسخة Git
ca45fc496a3436251f191354091d557da31c15b5- المصدر SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3