العودة إلى الفهرس / أدوات التصميم
تصميم الواجهة: حدد الاتجاه من الموجز
استخلص رموز التصميم وفكرة التخطيط أولاً ثم نفذها وفق سياق المستخدم.
المهارات
اقرأ الموجز كاملاً وحدد المنتج والجمهور والواجهة المستهدفة والقيود التي يجب ألا تتغير. اترك مساحة معقولة للخيارات غير المحددة. اكتب خطة قصيرة تشمل أربعة إلى ستة ألوان مسماة وأدوار الخطوط واتجاه التخطيط ومبادئ التصميم. افحص المكونات والأنماط والرموز الموجودة قبل إضافة عناصر جديدة. طابق التسلسل والمساحات وحالات التفاعل مع الجمهور؛ وتجنب التدرجات وقوالب البطاقات الوسطية والزخارف المتكررة عندما لا يطلبها الموجز. لا تنسخ عمل فنان محدد. بعد التنفيذ، افحص كثافة المحتوى والتباين والسلوك المتجاوب عند حجم العرض المطلوب.
الصلاحيات
المتطلبات السابقة
- يطلب المستخدم إنشاء تصميم واجهة أو تعديله؛ حدد القيود الصريحة والوسيط المستهدف أولاً.
- ضع خطة تصميم موجزة ونظام رموز مدمجاً للألوان والخطوط والتخطيط والمبادئ.
الصلاحيات
- يمكنها إنشاء ملفات واجهة محلية أو تعديلها وفق موجز المستخدم، مع إعادة استخدام المكونات والرموز الموجودة.
- لا تنسخ أعمال فنان محدد؛ اتبع قيود الموجز الصريحة ولا تفرض أسلوباً لم يطلبه المستخدم.
القيود
تطلب المهارة مرحلة تصميم موجزة قبل التنفيذ وتحذر من القوالب البصرية الشائعة عندما يترك الموجز مساحة؛ طابق المنتج والجمهور.
المصدر الأصلي المثبت
- المستودع
- anthropics/skills
- مسار الملف
- skills/frontend-design/SKILL.md
- الإيداع المثبت
dbd4588f9e1033efb41dad4bef2f7947c8993d44- تاريخ فحص المصدر
- 2026-10-14 · تمت المراجعة مقابل المصدر الأصلي المثبت
مقاييس المستودع
تعكس هذه القيم المستودع الأصلي كله، ولا تمثل إعجابات أو شعبية مهارة أو دليل منفرد.
- النجوم
- لم يُجمع
- التفرعات
- لم يُجمع
- وقت الرصد
- لم يُجمع
لا تتوفر لقطة مقاييس بعد.
الترخيص: Apache-2.0
الأدوات المتوافقة
Design brief · Project components and style tokens · Browser preview
الموضوع الرئيسي
انقل مساعد البرمجة من فهم السياق إلى التحقق من التغيير