الأكاديمية ← استخدام Hermesتوثيق رسمي · شرح عربي واضح

Popular Web Designs — 54 real design systems (Stripe, Linear, Vercel) as HTML/CSS

Popular Web Designs — 54 real design systems (Stripe, Linear, Vercel) as HTML/CSS

متوسط12 دقيقة3 أسئلة2026-08-09
الفكرة في دقيقة

ابدأ بالمعنى، ثم انتقل إلى التفاصيل.

هذا الدرس يشرح Popular Web Designs — 54 real design systems (Stripe, Linear, Vercel) as HTML/CSS ضمن موضوع توسيع Hermes وربطه بأدوات أخرى. ستعرف ما الذي يفعله هذا الجزء، متى تحتاجه، وما أصغر خطوة آمنة للتأكد أنه يعمل.

إن كنت مبتدئًا

إن كنت جديدًا: لا تحفظ الأسماء. ركّز على ثلاثة أسئلة: ما المشكلة التي يحلها هذا الجزء؟ ما البيانات أو الصلاحيات التي يحتاجها؟ وكيف أعرف أن النتيجة صحيحة؟

للتطبيق العملي

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

للمتخصص

للمتخصص: راجع Skill metadata، Reference: full SKILL.md، Related design skills، ثم افحص حالات الفشل والتوافق مع إصدارك.

ما الذي تحتاجه قبل البدء؟

أكمل التثبيت وأول مهمة قبل إضافة قدرات جديدة.

ماذا ستعرف؟

نتيجة واضحة قبل أن تقرأ.

  • تفهم Popular Web Designs — 54 real design systems (Stripe, Linear, Vercel) as HTML/CSS من دون افتراض معرفة سابقة.
  • تفرّق بين الوصف والمعلومة التي تحتاج إلى اختبار في بيئتك.
  • اكتب بجملة واحدة ما الذي تتوقع أن يتغير بعد تطبيق هذا الموضوع.
مصطلحات هذا الدرس

تعريفات قصيرة قبل التفاصيل.

Skill
حزمة تعليمات تعلّم Hermes طريقة عمل متكررة من دون إضافة خدمة خارجية بالضرورة.
Tool
فعل منظّم يستطيع الوكيل استدعاءه لقراءة شيء أو تغييره.
وصف الصفحة الرسمي

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS

خريطة الموضوع

ما الذي يقوله المصدر، وبأي ترتيب؟

  1. 01
    Skill metadata

    ابدأ بهذا القسم لتفهم الفكرة أو البنية الأساسية.

  2. 02
    Reference: full SKILL.md

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  3. 03
    Related design skills

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  4. 04
    How to Use

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  5. 05
    HTML Generation Pattern

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  6. 06
    Font Substitution Reference

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  7. 07
    Design Catalog

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  8. 08
    AI & Machine Learning

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  9. 09
    Developer Tools & Platforms

    اقرأه بعد الأساسيات، ثم اربطه بالخطوة السابقة قبل المتابعة.

  10. 10
    Infrastructure & Cloud

    اختم بهذا القسم لتفحص النتيجة والحالات الخاصة.

تطبيق الآن

اكتب بجملة واحدة ما الذي تتوقع أن يتغير بعد تطبيق هذا الموضوع.

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

اختبار الفهم

ثلاثة قرارات قبل علامة الاكتمال.

1. ما المرجع النهائي عند تغيّر معلومات «شرح Popular Web Designs — 54 real design systems (Stripe, Linear, Vercel) as HTML/CSS»؟
2. ما أفضل طريقة لتطبيق هذا الدرس؟
3. ماذا تفعل قبل خطوة قد تعدّل ملفات أو حسابًا خارجيًا؟