استخدم مرجع DESIGN.md بإصدار ثابت في Claude Code لصفحة واحدة

تمنحك الصفحة الموجودة عناصر محددة لتحسينها وأخرى لحمايتها. توفّر مجموعة Awesome DESIGN.md من VoltAgent تحليلات نصية لمواقع عامة يمكنك عرضها على وكيل برمجة بالذكاء الاصطناعي. يستخدم هذا الدليل ملفًا واحدًا من تعديل المستودع بتاريخ 14 أكتوبر 2026 مرجعًا بصريًا لتعديل محدود في Claude Code. لا يكتمل العمل إلا بفحص الشيفرة المعدّلة والصفحة المعروضة بنفسك.

راجعت BIG CHANGE المستودع المثبّت ووثائق Claude Code. لم نشغّل Claude Code أو نعدّل صفحة أو نقس الوقت أو نفحص نتيجة مولّدة. تتضمن الشجرة المثبّتة 84 ملفًا مباشرة تحت design-md/*/DESIGN.md؛ يصف العدد ذلك التعديل، لا حجمًا دائمًا للفهرس.

التغيير الكبير

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

قبل البدء

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

قبل تقديم مواد عميل خاصة، راجع سياسة البيانات وكذلك أذونات الأدوات في حسابك. يعالج Claude Code الطلبات ومحتوى المشروع وفق شروط الحساب؛ المشروع المحلي لا يجعل جلسة النموذج محلية فقط. تأكد من جواز مشاركة النصوص أو الأصول أو الشيفرة الخاصة التي سيكشفها العمل.

استخدم مرجعًا واحدًا لصفحة واحدة

1. افتح README للمجموعة المثبّتة. اختر ملف design-md/<name>/DESIGN.md يقدم فكرة مرتبطة بمشكلة الصفحة المحددة. اقرأ الملف كاملًا قبل استخدامه. يوضّح مثال Notion التنسيق: اقتراحات للتخطيط والخط والمسافات والمكوّنات. كما يصف أزرارًا كبسولية ومستطيلة. هذا التناقض يستدعي قرارك، لا أن تطلب من Claude Code اتباع كل سطر.
2. انسخ ملف DESIGN.md المثبّت الواحد إلى مشروع العمل، مثلًا في design-reference/DESIGN.md. سجّل بجانبه عنوان URL الأصلي والمسار والتعديل 3b605329240ce735b510037cca322f1831fdd7f8. احتفظ مع النسخة بـ إشعار حقوق النشر والإذن MIT الخاص بالمستودع. لا يتطلب مرجع Markdown نفسه تثبيت حزمة. الترخيص يشمل مادة المستودع؛ لا يمنح استخدام شعار الشركة الممثلة أو ملفات خطوطها أو صورها أو علامتها التجارية.
3. افتح Claude Code من المشروع المخوّل وقدّم الملف المنسوخ صراحة كسياق. توثّق Anthropic مراجع الملفات وكذلك ملفات تعليمات المشروع المنفصلة؛ وضع ملف DESIGN.md مستقل في مجلد لا يثبت أن Claude Code حمّله. استبدل مسار الصفحة وقواعد المالك بين الأقواس بقيم حقيقية، وتأكد من قراءة المرجع قبل قبول التغيير.

Read @design-reference/DESIGN.md as a visual reference. Edit only [path/to/owned-page] and the existing styles that page needs. Improve [one specific layout or hierarchy problem]. Keep the page's current audience, approved copy, links, brand colors, font and logo. Use only layout, hierarchy or spacing ideas that fit those rules. Do not copy the example site's name, assets or identity. Preserve working interactions and keyboard access. Show the proposed file changes and tell me how to render and check this page with this project's existing commands.

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

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

المجموعة أوصاف مجتمعية لمواقع أخرى يقدّمها المشرفون كما هي. يتضمن ملف Notion أشكال أزرار متناقضة وسلوك مرور مؤشر غير موثّق وأمر فحص شيفرة لم يتحقق منه هذا الدليل. استخدم فحوص مشروعك المعروفة لا ذلك الأمر المقترح. تعتمد كلفة Claude Code والاستضافة أو الأصول لاحقًا على حسابك ومشروعك؛ لا يثبت الدليل زمن تعديل أو جودة تصميم نهائية.

لنهج آخر في العمل على الصفحات بمساعدة الذكاء الاصطناعي، يشرح دليلنا لنموذج Genspark الأولي نسخ نموذج مستضاف وفحص ZIP الشيفرة المصدرية المصدّر. تبدأ تلك المهمة من مادة مختلفة ولها معيار انتهاء مختلف.

المصادر وقراءات إضافية

• README المثبّت من VoltAgent يصف المجموعة وتحليلات المواقع العامة المقدّمة كما هي. عدد الملفات من الشجرة التكرارية المثبّتة، لا ادعاء عن إصدارات لاحقة.
• ملف Notion DESIGN.md المثبّت يوضّح الصيغة والتناقضات الداخلية. ليس مواصفة معتمدة من Notion ولا مصدرًا لحقوق استخدام أصولها.
• يلزم ترخيص MIT للمستودع إبقاء إشعار حقوق النشر والإذن في النسخ أو الأجزاء الجوهرية.
• تشرح وثائق Anthropic: البدء السريع في Claude Code، إرشادات مراجع الملفات وكذلك وثائق تعليمات المشروع الوصول والسياق الصريح. لا تتحقق من تعديل الصفحة هذا أو التحميل التلقائي للمرجع المستقل.
• تشرح وثائق Anthropic حول الكلفة، استخدام البيانات وكذلك الأذونات الاستخدام والضوابط بحسب الحساب. لم تُختبر جلسة أو فاتورة أو صفحة ناتجة لهذا الدليل.