قُد التصميم — ودَع الوكيل ينجز الإنتاج
أنت تضع النظام والمعيار، والوكيل يرسم الشاشات والحالات والصِيغ والنماذج عالية الدقّة. تحريك أقل للمستطيلات، وقرار أكثر لما يعنيه الجيّد.
في سطر واحد
Open Design هو مساعد الإنتاج الذي لا يتعب: أنت تعرّف نظام التصميم وتنادي بالذوق؛ والوكيل يولّد البقية، متسقاً مع النظام، داخل مستودعك.
كيف يستخدم المصمّم Open Design
- 01
رمّز نظامك
حوّل علامتك إلى ملف DESIGN.md — مقياس الخطوط واللون والتباعد والمكوّنات والنبرة. هذا هو مصدر الحقيقة الذي يطيعه الوكيل.
- 02
ولّد الذيل الطويل
كل شاشة وحالة وصيغة كنت ستبنيها يدوياً — يرسمها الوكيل متسقة مع النظام، فينجز الـ ٨٠٪ المملّ في دقائق.
- 03
وجّه وصقِل
انقد باللغة — «شُدّ التباعد، اجعل الحالة الفارغة أدفأ». تحتفظ بالقرار الأخير، والوكيل يجري التكرارات.
ماذا يستطيع المصمّم أن يقود
نموذج أولي اقرأ الأمر كاملاً → Web Prototype Taste Editorial
نموذج ويب تحريري مبسط. لوحة أحادية اللون دافئة، عناوين serif + نص grotesque، حدود 1px، رقائق باستيل هادئة، مساحات بيضاء واسعة، حركات دقيقة محيطة.
نموذج أولي اقرأ الأمر كاملاً → Web Prototype Taste Brutalist
نموذج ويب بأسلوب الطباعة الصناعية السويسرية. لوحة ورق صحف، خط جروتسك أسود أحادي، أرقام تتجاوز إطار العرض، فواصل شبكة رفيعة، لهجة حمراء تحذيرية، زخرفة بناء جملة ASCII. مستخلص من Leonxlnx/taste-skill `brutalist-skill` (وضع الطباعة الصناعية السويسرية).
نموذج أولي اقرأ الأمر كاملاً → إعداد الجوال
تدفق إعداد جوال متعدد الشاشات يُعرض كثلاثة إطارات هاتف جنبًا إلى جنب — شاشة البداية، عرض القيمة، تسجيل الدخول. شريط الحالة، نقاط التمرير، CTA رئيسي. يُستخدم عند ذكر 'إعداد الجوال'، 'إعداد iOS'، 'تسجيل الهاتف' أو '移动端引导'.
نموذج أولي اقرأ الأمر كاملاً → رسم Wireframe تخطيطي
إطار سلكي مرسوم يدويًا مع خلفية ورق رسم بياني، نغمة قلم تحديد/رصاص، علامات تبويب متعددة، ملاحظات لاصقة وعناصر نائبة للمخططات. مثالي لطلبات wireframe أو sketch أو lo-fi أو السبورة البيضاء.
نموذج أولي اقرأ الأمر كاملاً → Web Prototype Taste Soft
نموذج ويب ناعم بمستوى Apple. لوحة فضية/كريمية، بطاقات بإطار مزدوج، أزرار CTA متداخلة، نصف قطر squircle سخي، حركة مرنة وشبكة محيطة. مبني على soft-skill من Leonxlnx/taste-skill والأقسام 4–8.
صورة اقرأ الأمر كاملاً → ملصق الصور
أداة إنشاء صورة واحدة للملصقات والرسوم الرئيسية والرسوم التوضيحية التحريرية. الافتراضي gpt-image-2 لكنه يدعم Flux أو Imagen أو Midjourney عبر الأدوات النشطة. الإخراج بصيغة PNG/JPEG يُحفظ في مجلد المشروع.
التصميم مع Open Design مقابل الطريقة اليدوية
| ما تحتاجه | مع Open Design | أدوات التصميم اليدوية |
|---|---|---|
| بناء نظام تصميم | ●ملف DESIGN.md يطبّقه الوكيل في كل مكان | مكتبة تصونها يدوياً في كل أداة |
| إنتاج الصِيغ والحالات | ●مُولَّدة متسقة مع النظام من توجيه | تكرار الإطارات وتعديل كل واحد |
| نماذج عالية الدقّة | ●مرسومة إلى HTML حقيقي، لا نموذج مسطّح | عمل بكسلي تعيد الهندسة بناءه على أي حال |
| البقاء متسقاً | ●نظام واحد، يُفرَض تلقائياً | انضباط يدوي؛ ينحرف مع الوقت |
| التسليم | ●الناتج كود — بلا فجوة ترجمة | وثائق مواصفات وخطوط مرجعية |
عمل عالي الدقّة متسق مع النظام أنتجه الوكيل من التوجيه. اختر واحداً قريباً من أسلوبك وصقِله.
أسئلة المصمّم الشائعة
-
01 هل يحلّ هذا محلّي؟
لا — بل يحلّ محلّ الكدّ. أنت تضع النظام والذوق، والوكيل ينجز الإنتاج المتكرّر لتصرف وقتك على القرارات التي وحدك تستطيع اتخاذها.
-
02 كيف أحتفظ بالتحكّم في المظهر؟
ملف DESIGN.md لديك هو العقد. الوكيل يرسم ضمنه، وأنت تنقد باللغة حتى يستقيم.
-
03 هل الناتج قابل للتحرير / حقيقي؟
إنه HTML/CSS حقيقي، لا تصدير مسطّح — فينتقل مباشرة إلى الإنتاج بدل أن يُعاد بناؤه.
-
04 أي الوكلاء أستطيع استخدامها؟
Claude Code وCodex وCursor Agent وGemini CLI ومزيد من المحوّلات الأصلية، بمفاتيح مزوّدك الخاصة.
وجّه تصميمك التالي الليلة
ضع نجمة للمستودع، ثبّت Open Design، ودع الوكيل يتولّى الإنتاج بينما تنادي أنت بالذوق — داخل الوكيل الذي تستخدمه أصلاً.