لقد أثار Claude Design الانتباه لحظة إطلاقه. اكتب جملة واحدة، وسيتم عرض عرض تقديمي كامل أو صفحة هبوط أو نموذج واجهة جوال لك في ثوانٍ. لا يوجد سحب مستطيلات حول لوحة الرسم، ولا تعديل للبكسلات يدويًا. ثم تصطدم بالحائط. إنه مدفوع، ويعمل عبر السحابة فقط، ومقيد بمجموعة أدوات Anthropic. لذا، عندما يبحث الناس عن كيفية استخدام Claude Design مجانًا، فإنهم عادةً ما يصلون إلى طريق مسدود.
مشروع مفتوح المصدر يُدعى Open Design يعيد بناء نفس حلقة التصميم التي تركز على المنتج أولاً، ويعمل على جهازك الخاص، ولا يكلف شيئًا لتثبيته. يرشدك هذا الدليل إلى ماهية Open Design، وكيفية إعداده بثلاث طرق مختلفة، وكيفية توجيهه إلى وكيل ذكاء اصطناعي قد تدفع مقابله بالفعل.
مختصرًا: كيفية استخدام Claude Design مجانًا
Claude Design هي أداة تصميم مدفوعة ومغلقة المصدر من Anthropic. للحصول على نفس التجربة مجانًا، قم بتثبيت Open Design، وهو بديل مفتوح المصدر مرخص برخصة Apache-2.0 وحاصل على أكثر من 48,000 نجمة على GitHub. يعيد هذا البديل إنشاء سير عمل التصميم الذي يركز على المنتج أولاً، ويعمل محليًا أو مستضافًا ذاتيًا، ويستخدم واجهة سطر الأوامر لوكيل ترميز كمحرك تصميم له. يعمل كل من Claude Code وCodex وGemini CLI وCursor وحوالي اثني عشر آخرين. البرنامج لا يكلف شيئًا. أنت تدفع فقط مقابل نموذج الذكاء الاصطناعي الذي توجهه إليه، وإذا كنت تستخدمه مع وكيل تشترك فيه بالفعل، فإن هذه التكلفة تنخفض إلى الصفر.
لماذا يحتاج "Claude Design مجانًا" إلى تحذير صادق واحد
لنوضح استعلام البحث أولاً، لأن الصياغة تخفي فخًا صغيرًا.
Claude Design هو منتج تشحنه Anthropic. ووفقًا لجميع الروايات، فهو اشتراك مدفوع، ويعمل في سحابة Anthropic، ورمز المصدر مغلق. لا يوجد مستوى مجاني يفتح تجربة إنشاء المنتج بالكامل، ولا خيار للاستضافة الذاتية، ولا طريقة لتبديل نموذج مختلف. إذا كنت تريد منتج Claude Design الحرفي، فإنك تدفع لـ Anthropic.

لذا فإن "استخدام Claude Design مجانًا" ينحصر في أحد أمرين. إما أنك تريد سير العمل (وصف تصميم بلغة بسيطة، والحصول على منتج مصقول) بدون فاتورة، أو أنك تريد الاحتفاظ ببياناتك واختيار النموذج تحت سيطرتك الخاصة. Open Design يجيب على كليهما. إنه البديل مفتوح المصدر الذي ينسخ النموذج العقلي الذي يركز على المنتج أولاً ويزيل القيد.
ما هو Open Design؟
Open Design (يختصره الفريق إلى OD) هو بيئة تصميم مفتوحة المصدر، تركز على المحلية أولاً. يصف مستودع GitHub بوضوح: بديل مفتوح، أصلي للوكلاء لـ Claude Design. وقد حصد عشرات الآلاف من النجوم في غضون أسابيع من إطلاقه، مما يدل على عدد الأشخاص الذين كانوا ينتظرون هذا بالضبط.
تتكون البنية من ثلاث طبقات، ويساعد فهمها على رؤية سبب عملها:
- واجهة ويب أمامية مبنية على Next.js. هذه هي واجهة الدردشة ولوحة الرسم التي تستخدمها بالفعل. يمكن تشغيلها في أي متصفح وحتى نشرها على Vercel.
- خادم محلي (daemon)، وهو خادم Node.js صغير مع قاعدة بيانات SQLite. يتتبع مشاريعك ومحادثاتك ومنتجاتك، ويقوم بمسح نظامك بحثًا عن وكلاء الترميز المثبتين.
- بيئة تشغيل الوكيل. يقوم الخادم المحلي (daemon) بإنشاء واجهة سطر أوامر لوكيل ترميز مع مجلد مشروعك كدليل عمل له. يقرأ هذا الوكيل قوالب التصميم، ويكتب الملفات، وينتج المنتج النهائي.
هذه الطبقة الثالثة هي الجزء الذكي. Open Design لا يشحن نموذجه الخاص. بل يستعير وكلاء الترميز الأقوياء الموجودين بالفعل على أجهزة الكمبيوتر المحمولة للمطورين. يكتشف الخادم المحلي (daemon) تلقائيًا حوالي 16 منهم على مسار PATH الخاص بك: Claude Code، Codex، Cursor Agent، Gemini CLI، OpenCode، Qwen، GitHub Copilot CLI، Kimi، والمزيد. أيهما لديك يصبح محرك التصميم. إذا فهمت كيف تعمل هذه الأدوات تحت الغطاء، فإن مقالتنا حول بنية تسخير وكيل Claude Code هي قراءة مصاحبة مفيدة.
فوق الوكيل توجد مكتبتان تقومان بالعمل الشاق على الجودة. الأولى هي مجموعة من المهارات القابلة للتركيب: نماذج الويب الأولية، لوحات المعلومات، تطبيقات الهاتف المحمول، صفحات الهبوط لـ SaaS، تخطيطات البريد الإلكتروني، دوارات التواصل الاجتماعي، والعروض التقديمية. والثانية هي كتالوج من أنظمة التصميم المصممة على أساس علامات تجارية حقيقية مثل Linear، Stripe، Vercel، Notion، وApple، وكل منها تم التقاطه كملف Markdown محمول يغطي الألوان والطباعة والمسافات والحركة والنبرة. يقرأ الوكيل مهارة ونظام تصميم قبل أن يولد أي شيء، ولهذا السبب تبدو المخرجات متعمدة بدلاً من أن تكون عشوائية. هذا النمط من توفير توجيهات تصميم منظمة لوكيل الذكاء الاصطناعي هو نفس الفكرة وراء ملفات DESIGN.md لوكلاء الترميز.
يقوم Open Design بإنشاء نماذج أولية للويب والسطح المكتب والجوال، عروض شرائح، صور، ومقاطع فيديو قصيرة. يعرض كل شيء في إطار iframe معزول ويصدره إلى HTML، PDF، PPTX، ZIP، Markdown، وMP4. يتم شحن المشروع بأكمله بموجب ترخيص Apache 2.0، لذا فإن الاستخدام التجاري مقبول.
كيفية استخدام Claude Design مجانًا: تثبيت Open Design بثلاث طرق
لديك ثلاثة مسارات للتثبيت. اختر بناءً على مقدار التحكم الذي تريده. جميعها تنتهي في نفس المكان: استوديو تصميم محلي يعمل في متصفحك بدون تكلفة.
الخيار 1: تطبيق سطح المكتب (الأسرع)
إذا كنت تريد أقصر طريق، فاحصل على تطبيق سطح المكتب الجاهز. ينشر Open Design ثنائيات موقعة لنظام التشغيل macOS (كل من Apple Silicon وIntel) وWindows.
- قم بزيارة موقع المشروع على open-design.ai أو صفحة إصدارات GitHub.
- قم بتنزيل البنية الخاصة بنظام التشغيل الخاص بك.
- قم بتثبيته وتشغيله كأي تطبيق عادي.

عند التشغيل الأول، يقوم التطبيق بمسح جهازك بحثًا عن وكلاء الترميز، ويقوم بتحميل مهاراته وأنظمة التصميم الخاصة به، وينشئ مجلد تشغيل لمشاريعك. لا يوجد طرفية، ولا خطوة بناء. هذا هو الخيار الصحيح إذا كنت مصممًا أو مدير منتج وتريد تجربة Claude Design دون لمس سطر الأوامر.
الخيار 2: Docker
إذا كنت تفضل تشغيل Open Design كخدمة مدمجة، ربما على خادم منزلي أو صندوق مشترك، فإن Docker نظيف وقابل للتكرار.
git clone https://github.com/nexu-io/open-design.git
cd open-design/deploy
docker compose up -d
بمجرد تشغيل الحاويات، افتح http://localhost:7456 في متصفحك. يحافظ Docker على التثبيت معزولاً عن بقية نظامك ويجعل الترقيات عملية من سطر واحد. إذا كنت جديدًا على الأدوات المحتواة في حاويات، فإن وثائق Docker الرسمية تغطي أساسيات compose.
الخيار 3: من المصدر
التشغيل من المصدر يمنحك أحدث التعليمات البرمجية وخيار تعديل المهارات أو أنظمة التصميم بنفسك. يتحرك Open Design بسرعة، مع تطور نشط يحدث على الفرع main، لذا فإن التثبيتات من المصدر ترى الميزات الجديدة أولاً.
ستحتاج إلى Node.js الإصدار 24 أو قريب منه، و pnpm 10.33.x. ثم:
git clone https://github.com/nexu-io/open-design.git
cd open-design
corepack enable
corepack pnpm --version # verify it reports 10.33.x
pnpm install
pnpm tools-dev run web
الأمر tools-dev هو مدير عمليات Open Design. run web يبدأ الخادم المحلي (daemon) وواجهة الويب الأمامية معًا في المقدمة. بعض الأوامر الشقيقة تستحق المعرفة:
| الأمر | ما يفعله |
|---|---|
pnpm tools-dev run web |
تشغيل الخادم المحلي + الويب، في المقدمة |
pnpm tools-dev start web |
تشغيل الخادم المحلي + الويب، في الخلفية |
pnpm tools-dev status |
إظهار الخدمات قيد التشغيل |
pnpm tools-dev logs |
عرض سجلات الخادم المحلي والويب |
pnpm tools-dev stop |
إيقاف كل شيء |
إذا كنت قد استخدمت pnpm من قبل، فلن يفاجئك أي من هذا. إذا لم تكن كذلك، فإن corepack enable يعالج تثبيت الإصدار حتى لا تتعارض مع مدير الحزم الخاص بك.
التشغيل الأول: ربط Claude Code كمحرك تصميم لديك
بغض النظر عن كيفية تثبيته، فإن التشغيل الأول هو نفسه. يحتاج Open Design إلى محرك، ولديك طريقتان لتزويده به.
المسار أ، وكيل واجهة سطر الأوامر (CLI). هذا هو المسار الموصى به والأرخص. تأكد من تثبيت وكيل ترميز مدعوم وأنه موجود على مسار PATH الخاص بك. إذا كنت تريد أقرب تطابق مع Claude Design، قم بتثبيت Claude Code، حيث يعمل كلاهما على نماذج Anthropic. يكتشفه الخادم المحلي (daemon) تلقائيًا؛ لا يوجد ملف تكوين لتعديله. يعمل Codex وGemini CLI وCursor Agent بنفس الطريقة. يعمل الوكيل باشتراكك في Claude أو OpenAI أو Google، لذا فإن Open Design لا يضيف أي تكلفة إضافية. يتم تغطية إعداد Claude Code نفسه في دليل إعداد Claude Agent SDK وخطة Claude.
المسار ب، وكيل BYOK (أحضر مفتاحك الخاص). لا يوجد وكيل واجهة سطر الأوامر على جهازك؟ يشحن Open Design وكيلًا متوافقًا مع OpenAI. يمكنك لصق مفتاح API لـ Anthropic أو OpenAI أو Azure OpenAI أو Google Gemini أو Ollama أو خادم نموذج محلي، ويقوم الخادم المحلي (daemon) بتوجيه الطلبات من خلاله. يحظر الوكيل تزوير طلبات جانب الخادم عند حافته، لذا فهو آمن للتعرض داخليًا. يكلف هذا المسار لكل رمز مميز، ولكنه يعمل دون تثبيت وكيل واحد. إذا كنت تتعامل مع مفاتيح API، فتعامل معها بعناية؛ تنطبق ملاحظتنا حول أمان مفتاح API في ملحقات المحرر هنا أيضًا.
يستحق Ollama ذكرًا خاصًا. وجّه Open Design إلى نموذج Ollama محلي وستعمل الحلقة بأكملها دون اتصال بالإنترنت بدون أي فاتورة API على الإطلاق. هذا هو الإصدار الأكثر حرفية لـ "Claude Design مجانًا" الذي يمكنك بناؤه.
إنشاء أول قطعة تصميم لك
مع ربط المحرك، يصبح سير العمل قصيرًا. إليك الحلقة، من البداية إلى النهاية.
- اختر مهارة. اختر ما تقوم بإنشائه: صفحة هبوط لتطبيق SaaS، لوحة تحكم، شاشة تطبيق جوال، بريد إلكتروني تسويقي، أو مجموعة شرائح عرض. تخبر المهارة الوكيل بالقوالب وقوائم المراجعة التي يجب تحميلها.
- اختر نظام تصميم. هل تريده أن يبدو مثل Linear؟ Stripe؟ اختر النظام المطابق. سيلتزم الوكيل بقواعد الألوان والخطوط والمسافات الخاصة بهذه العلامة التجارية. تخطَّ هذه الخطوة وسيقدم Open Design خمسة اتجاهات بصرية منسقة بدلاً من ذلك: Editorial، Modern Minimal، Tech Utility، Brutalist، وSoft Warm، كل منها بباليت ألوان ثابتة ومجموعة خطوط محددة.
- اكتب وصفك الموجز. بلغة بسيطة. شيء مثل
صمم لي عرضًا تقديميًا بأسلوب المجلة لجولتنا التمويلية الأوليةأوصمم صفحة أسعار لأداة واجهة برمجة تطبيقات للمطورين. - أجب على نموذج الاستكشاف. قبل أن يقوم النموذج بإنشاء بكسل واحد، يظهر نموذج أسئلة قصير. يثبت السطح، الجمهور، النبرة، وأي سياق للعلامة التجارية. هذه هي الخطوة التي تفصل Open Design عن مربع المطالبات العام. إنها تفرض القرارات التي قد يطلبها مصمم كبير أولاً.
- شاهد بث الخطة. ينشر الوكيل قائمة مهام حية في واجهة المستخدم ويحدد العناصر كـ "تم" أثناء عمله. ترى عملية البناء تحدث بدلاً من التحديق في مؤشر دوار.
- معاينة في بيئة الاختبار المعزولة. يتم عرض المنتج النهائي في إطار iframe معزول في غضون ثوانٍ. العزل مهم؛ يتم تشغيل التعليمات البرمجية التي تم إنشاؤها بمعزل عن نظامك، وهي فكرة تناولناها في ماذا يعني CubeSandbox لوكلاء الذكاء الاصطناعي.
- تصدير. قم بالتنزيل بتنسيق HTML، PDF، PPTX، ZIP، Markdown، أو MP4. توجد المنتجات أيضًا على القرص في مجلد المشروع، حتى تتمكن من فتح الملفات وتعديلها مباشرةً.
خطوة نموذج الاستكشاف هي البطل الصامت هنا. معظم أدوات تصميم الذكاء الاصطناعي ترتجل لحظة الضغط على "إدخال"، وتقضي العشرين دقيقة التالية في تصحيح افتراضات خاطئة. Open Design يطرح هذه الأسئلة مسبقًا، لذا فإن المسودة الأولى عادة ما تكون قريبة مما كنت تريده.
المضي قدمًا: المهارات، أنظمة التصميم، BYOK، وخادم MCP
بمجرد أن تصبح الأساسيات واضحة، فإن بعض الميزات تجعل Open Design يبدو وكأنه استوديو أكثر من كونه مجرد لعبة.
المهارات قابلة للتعديل. كل مهارة هي مجلد يحتوي على ملف SKILL.md وأصول داعمة. افتح واحدة، غيّر قائمة المراجعة، أضف قالب تخطيط، وسيتّبع الوكيل نسختك في المرة القادمة. إذا كانت شركتك لديها أسلوب خاص بها، فيمكنك ترميزه مرة واحدة وإعادة استخدامه في كل مشروع.
أنظمة التصميم هي Markdown قابلة للنقل. نظام التصميم في Open Design ليس ملفًا ثنائيًا محبوسًا داخل تطبيق. إنه Markdown عادي يصف رموز الألوان، مقياس الخطوط، المسافات، المكونات، والنبرة. يمكنك كتابة نظامك الخاص من إرشادات علامتك التجارية في فترة ما بعد الظهر، وإسقاطه في مجلد design-systems، وكل منتج تنشئه بعد ذلك سيلتزم به.
وكيل BYOK متعدد الموفرين. نفس الوكيل الذي يفتح المسار بدون واجهة سطر الأوامر (CLI) يتيح لك أيضًا تبديل النماذج بحرية. قم بتشغيل نموذج متقدم باهظ الثمن لعرض تقديمي للعميل، ثم قم بالتبديل إلى نموذج رخيص أو محلي للمسودات الأولية. أنت لست مقيدًا أبدًا بمورد واحد. إذا كنت ترغب في مقارنة تكلفة النماذج الكبيرة وما تقدمه، فإن مقارنتنا بين Gemini 3.5 وGPT-5.5 وOpus 4.7 هي نقطة بداية جيدة.
خادم MCP يأتي مدمجًا. يتضمن Open Design خادم Model Context Protocol. يمكن لوكلاء الترميز الآخرين الاتصال به والاستعلام عن ملفات التصميم الخاصة بك مباشرة، واسترجاع منتج تم إنشاؤه أو ملف نظام تصميم دون أي عملية تصدير واستيراد. هذا هو ما يجعل Open Design مواطنًا في سلسلة أدوات أكبر بدلاً من كونه جزيرة معزولة.
إنشاء الوسائط مدمج. بالإضافة إلى التخطيطات، يقوم Open Design بإنشاء صور للملصقات والصور الرمزية، ومقاطع فيديو سينمائية قصيرة من مطالبة نصية. كما يدعم الرسوم المتحركة من HTML إلى MP4. يمكن أن يتم شحن مجموعة تصميم مع صورها الرئيسية الخاصة بها، كل ذلك من نفس النافذة.
من النموذج الأولي إلى المنتج: إقران Open Design بـ Apidog
هنا الفجوة التي لا يذكرها أحد في العروض التوضيحية. يمنحك Open Design واجهة أمامية جميلة. صفحة هبوط، لوحة تحكم، شاشة تطبيق جوال. لكن النموذج الأولي المليء ببيانات وهمية مشفرة ليس منتجًا. في اللحظة التي ينقر فيها مستخدم حقيقي على زر، تحتاج تلك الشاشة إلى واجهة برمجة تطبيقات (API) خلفها.
هذا هو المكان الذي يلتقي فيه سير عمل التصميم بسير عمل واجهة برمجة التطبيقات (API)، وحيث يتناسب Apidog بشكل طبيعي مع الصورة.
لنفترض أن Open Design أنتج لوحة تحكم لأداة مطور تحتوي على مخطط استخدام، ولوحة فواتير، وصفحة إعدادات. لجعلها حقيقية، تحتاج إلى نقاط نهاية لبيانات الاستخدام، سجلات الفواتير، وإعدادات الحساب. يتيح لك Apidog تصميم واجهات برمجة التطبيقات هذه بصريًا، باستخدام محرر يعتمد على المخطط أولاً وينتج مواصفات OpenAPI نظيفة. تحدد شكل البيانات مرة واحدة.
ثم يأتي الجزء الذي يتناسب تمامًا مع النماذج الأولية السريعة: المحاكاة (mocking). يقوم Apidog بإنشاء خادم وهمي من تصميم واجهة برمجة التطبيقات الخاصة بك تلقائيًا. بدلاً من الأرقام المزيفة التي قام Open Design بدمجها في النموذج الأولي، يمكن لواجهتك الأمامية استدعاء نقطة نهاية وهمية حية تعيد استجابات واقعية ومنظمة. يبدأ النموذج الأولي في التصرف كمنتج حقيقي قبل وجود سطر واحد من التعليمات البرمجية للواجهة الخلفية. يتقدم العمل في الواجهة الأمامية والواجهة الخلفية بالتوازي بدلاً من انتظار أحدهما للآخر.
عندما يتم كتابة الواجهة الخلفية الحقيقية، يتعامل Apidog مع الاختبار أيضًا. يمكنك بناء سيناريوهات اختبار آلية بتأكيدات بصرية، بدون الحاجة إلى برمجة، وربطها بـ CI/CD حتى تظل نقاط النهاية التي تشغل تصميمك صحيحة مع نمو المنتج. يحافظ وضع "المواصفات أولاً" في Apidog على مزامنة التصميم والتطبيق طوال الوقت.
هناك تناسق أنيق هنا. يستخدم Open Design وكيل ترميز مدفوع بالمهارات وخادم MCP. يعرض Apidog أيضًا قدراته على وكلاء الذكاء الاصطناعي ويشحن مصحح أخطاء وكيل الذكاء الاصطناعي لفحص كيفية استدعاء هؤلاء الوكلاء لنقاط النهاية الخاصة بك. يمكن للوكيل نفسه الذي يصمم واجهتك قراءة مواصفات واجهة برمجة التطبيقات الخاصة بك والتفكير في نصفي التطبيق. صمم الواجهة الأمامية باستخدام Open Design، وصمم واجهة برمجة التطبيقات باستخدام Apidog، وسلسلة أدوات واحدة تنقلك من الفكرة إلى المنتج العملي. قم بتنزيل Apidog ويمكنك محاكاة أول نقطة نهاية في الوقت الذي يستغرقه Open Design لعرض أول منتج له.
Open Design مقابل Claude Design مقابل Figma
مقارنة سريعة وعادلة. كل أداة جيدة في شيء مختلف.
| العامل | Open Design | Claude Design | Figma |
|---|---|---|---|
| السعر | مجاني، Apache 2.0 | اشتراك مدفوع | طبقة مجانية بالإضافة إلى خطط مدفوعة |
| شفرة المصدر | مفتوحة | مغلقة | مغلقة |
| الاستضافة | محلي، استضافة ذاتية، أو Vercel | سحابي فقط | سحابي |
| محرك الذكاء الاصطناعي | أي وكيل، BYOK، أو نموذج محلي | نماذج Anthropic فقط | يدوي، ميزات الذكاء الاصطناعي إضافية |
| المخرجات | منتجات كود، عروض تقديمية، صور، فيديو | منتجات تصميم | ملفات تصميم قابلة للتعديل |
| يعمل بدون اتصال | نعم، مع نموذج محلي | لا | محدود |
| الأفضل لـ | المطورين والفرق التي ترغب في التحكم | أسرع تجربة مستضافة | تصميم مرئي عملي |
يتفوق Claude Design في الراحة. إنه مستضاف ومصقول، ولا يوجد شيء لتثبيته. إذا كنت ستدفع بسعادة مقابل ذلك ولا تحتاج أبدًا إلى استضافة ذاتية، فهو خيار جيد. تظل Figma الأداة للمصممين الذين يريدون تحكمًا يدويًا على مستوى البكسل وتعاونًا ناضجًا. يتفوق Open Design في الحرية: لا فاتورة للبرنامج، لا تقييد، اختيارك للنموذج، وخيار تشغيل المكدس بأكمله على أجهزتك الخاصة. بالنسبة للمطورين الذين يعيشون بالفعل في واجهة سطر أوامر لوكيل ترميز، فهو الخيار الواضح.
الأخطاء الشائعة التي يجب تجنبها
بعض الأخطاء التي يقع فيها المستخدمون الجدد. تخطها وستتم عملية الإعداد بسلاسة.
- لا يوجد وكيل على مسار
PATHالخاص بك. لا يمكن لـ Open Design اكتشاف ما لم يتم تثبيته. إذا أبلغ الخادم المحلي (daemon) عن عدم وجود محرك، فقم بتثبيت واجهة سطر أوامر مدعومة أو قم بتكوين وكيل BYOK. تشغيلwhich claudeأوwhich geminiيؤكد أن الوكيل مرئي. - إصدار Node أو pnpm خاطئ. تتطلب التثبيتات من المصدر Node حوالي الإصدار 24 و pnpm 10.33.x. يعرض إصدار Node أقدم أخطاء بناء غامضة. قم بتشغيل
corepack enableودعه يثبت pnpm الصحيح. - توقع تكلفة صفر مع مفتاح API مدفوع. البرنامج مجاني؛ مفتاح API ذو عداد ليس مجانيًا. إذا قمت بتوصيل مفتاح Anthropic أو OpenAI عبر وكيل BYOK، فإنك تدفع لكل رمز مميز. للحصول على تكلفة صفرية حقيقية، استخدم وكيلًا مشتركًا فيه بالفعل، أو واجهة سطر أوامر مجانية، أو نموذج Ollama محليًا.
- تخطي نموذج الاستكشاف. من المغري التسرع في تجاوز هذه الأسئلة. لا تفعل. النموذج هو ما يجعل المسودة الأولى دقيقة. دقيقتان من الإجابات توفر عشرين دقيقة من التصحيحات.
- التعامل مع المعاينة على أنها كود إنتاجي. مخرجات Open Design هي نقطة بداية قوية، وليست قاعدة بيانات كاملة ومراجعة. راجعها، أعد هيكلتها، وربطها بواجهات برمجة تطبيقات حقيقية قبل الشحن. قم بإقرانها بـ اختبار API مناسب حتى تصمد نقاط النهاية خلف تصميمك.
- تجاهل فرع
main. يتطور Open Design بسرعة. إذا لم تكن ميزة في الوثائق موجودة في بنيتك، فقد تكون على إصدار أقدم. يمكن لمستخدمي المصدر سحبmain؛ يجب على مستخدمي الثنائيات التحقق من وجود تحديثات.
الخلاصة
لا يمكنك الحصول على منتج Claude Design من Anthropic مجانًا، والتظاهر بخلاف ذلك يضيع وقتك. ما يمكنك الحصول عليه مجانًا هو سير العمل الذي جعل Claude Design يستحق الحديث عنه: وصف تصميم، الحصول على منتج مصقول، وشحنه.
النقاط الرئيسية:
- Open Design هو البديل مفتوح المصدر، Apache-2.0 الذي يعيد إنشاء سير عمل Claude Design بدون تكلفة برنامج.
- يعمل محليًا، عبر Docker، أو من المصدر، وتطبيق سطح المكتب لا يحتاج إلى طرفية على الإطلاق.
- يستخدم وكيل سطر أوامر برمجة (CLI) كمحرك له، لذا إذا كان لديك بالفعل Claude Code، Codex، أو Gemini CLI، فلن تدفع أي شيء إضافي.
- نموذج Ollama المحلي يجعل الحلقة بأكملها مجانية وغير متصلة بالإنترنت.
- المهارات القابلة للتعديل وأنظمة تصميم Markdown المحمولة تتيح لك ترميز علامتك التجارية مرة واحدة وإعادة استخدامها في كل مكان.
- لا تزال الواجهة الأمامية التي تم إنشاؤها بحاجة إلى واجهة خلفية؛ صمم واجهة برمجة التطبيقات (API) وقم بمحاكاتها باستخدام Apidog حتى يتصرف النموذج الأولي الخاص بك كمنتج حقيقي.
الخطوة التالية: قم بتثبيت Open Design من خلال المسار الذي يناسبك، ووجهه إلى وكيل، وقم بإنشاء منتج واحد. ثم قم بتنزيل Apidog، صمم واجهة برمجة التطبيقات خلف هذا المنتج، وقم بتشغيل خادم وهمي. أداتان مجانيتان، مسار واحد من الفكرة إلى المنتج العملي.
