أنظمة تصميم Apple وStripe و56 شركة غيرها، جاهزة لموقعك الجاي.
ريبو جديد على GitHub فيه 58 نظام تصميم حقيقي. اختر واحد، شغّل الـ command تبعو، وClaude ينزّل ملف design.md بمشروعك، نفس الألوان والخطوط والمكوّنات. وجّه Claude 3a هالملف ويبني على شكل شغّال فعلاً. هاي الطريقة كاملة.
ما في تسجيل. كل شيء موجود هون بالصفحة.
افتح الـ design.md تبع أي نظام، وألوانه وخطوطه ومكوّناته مرتّبين قدّام Claude. ✦
ثمانية وخمسون نظام تصميم، على بُعد design.md واحد.
Awesome Design MD ريبو مجاني على GitHub فيه أنظمة تصميم Apple وStripe وLinear وNotion وSpaceX وعشرات غيرها. اختر واحد وبتاخد ملف design.md يفصّل ألوانه وخطوطه ومكوّناته، نص واضح يقدر Claude يقراه، فتبني على شكل شغّال فعلاً بدل ما تخمّن.
اختر شكلاً تثق فيه أصلاً
كيف تشتغل
# 1. Browse the repo, pick a system github.com/voltagent/awesome-design-md # 2. Run that system's command (or ask Claude) # -> writes design.md into your project # 3. Build against it "Build my landing page and follow design.md."
تصفّح الريبو، اختر نظام، وشغّل الـ command تبعو. Claude يكتب design.md بمشروعك فيه ألوان النظام وخطوطه ومكوّناته، وبيتبعو كل مرة يبني.
من الريبو لموقع مصقول بخمس خطوات
افتح الريبو
روح 3a ريبو Awesome Design MD على GitHub وتصفّح الأنظمة: Stripe، Linear، Raycast، Notion، حتى SpaceX.
اختر نظامك
اختر الشكل اللي تبيه. كل واحد إجا مع الـ install command تبعو، موجود بالريبو.
شغّل الـ command
شغّل هالـ command، أو عطيه لـ Claude Code. بعد كم ثانية بتاخد ملف design.md منزّل بمشروعك.
ابنِ على design.md
اطلب من Claude Code يبني موقعك ويتبع design.md. النظام محترَم، بس التخطيط لسّه عادي شوي.
رتّب التخطيط
ركّب الـ refine skill واطلب من Claude يصقل الموقع. هلّأ بيبيّن حلو فعلاً، وهذا كان حوالي خمس دقائق شغل.
طلبات تنسخها في Claude
الصق واحداً وشوف موقعك يتكوّن.
اضغط على أي طلب لنسخه.
التفاصيل الدقيقة، بدون مبالغة
- الريبو يعطيك لغة التصميم، مش موقعاً جاهزاً. لسّه أنت ترتّب الصفحة.
- أول بناء يحترم النظام بس يبيّن عادي. خطوة الـ refine هي اللي تخلّيه يلمع.
- لسّه تحتاج ذوق: راجع وعدّل اللي يطلّعه Claude.
- كل ما وصفت التخطيط اللي تبيه بوضوح، طلعت النتيجة أحسن.
حصلت على الجزء المجاني. وهذا هو الطريق كاملًا.
كل ما في الأعلى لك، مجانًا. وحين تكون جاهزًا للانتقال من شاشة فارغة إلى منتج حقيقي تملكه ويعمل على نطاقك الخاص، فهذه هي الخطوة التي توصلك. الأسعار أمامك هنا مباشرة، حتى لا تبحث عنها في أي مكان آخر.
Yalla Kit
شريكك المؤسس بالذكاء الاصطناعي. مدرّب وجاهز.
$50$79وفّر 37٪دفعة واحدة
- قالب SaaS المصمم للعربية أولاً، نفسه الذي بُني عليه هذا الموقع
- صفحات ثنائية اللغة مع دعم متقن للاتجاه من اليمين لليسار، أو إنجليزي فقط بإعداد واحد
- تسجيل دخول وقاعدة بيانات وإيميلات جاهزة ومربوطة
- مصمم للوكلاء الأذكياء: مهارات وأوامر وإطلاق كامل بأمر /yalla واحد
- رخصة تجارية: منتجات غير محدودة
الكورس
ابنِ منتجك من الصفر مع Claude Code، بالعربي.
$70$99وفّر 29٪دفعة واحدة
- أكثر من 5 ساعات فيديو عملي بالعربي
- من الفكرة إلى منتج حي على نطاقك الخاص
- Claude Code و Next.js و Supabase و Stripe و Hostinger
- لا تحتاج أي خلفية برمجية
- وصول مدى الحياة مع التحديثات
الكورس + Yalla Kit
الكورس مع القالب الذي يجعل تطبيقك جاهزاً للإطلاق من اليوم الأول.
$100$149وفّر 33٪دفعة واحدة
- كل ما في الكورس
- Yalla Kit: قالب SaaS مصمم للعربية أولاً
- عربي وإنجليزي مع دعم متقن للاتجاه من اليمين لليسار، أو إنجليزي فقط بإعداد واحد
- مصمم للوكلاء الأذكياء: مهارات وأوامر وإطلاق كامل بأمر /yalla واحد
- هذا الموقع نفسه مبني عليه
- رخصة تجارية: منتجات غير محدودة
دفعة واحدة. وصول مدى الحياة وتحديثات. سعر التأسيس لأول دفعة فقط.
خمس دقائق لهذا. تخيّل ساعة كاملة.
عندك الريبو، والخطوات، والطلبات. روح ابنِ شي يبيّن إنه مرّ عليه مصمّم.
تعلّم تبني منتجاً كاملاً بهذي الطريقة، بالعربي، من الصفر.
تتابع على إنستغرام أو تيك توك أو يوتيوب؟
علّق «Design» وبردّ عليك بهذي الصفحة: الريبو، والـ refine skill، وطريقة ربط Claude كاملة.
فؤاد حسنين
@withfouad
مهندس برمجيات عربي يبني منتجات حقيقية بالذكاء الاصطناعي. أعلّم بناء تطبيقات كاملة مع Claude، بالعربي، من الصفر.
withfouad.com