Vercel Blog→ المصدر

وكالة Code and Theory تخفض زمن بناء النماذج الأولية بنسبة 75% بفضل Vercel v0

استبدلت وكالة Code and Theory الرقمية، التي تعمل مع Microsoft وAmazon وNBC، الهياكل السلكية (wireframes) ووثائق المتطلبات الفنية بتوليد الشيفرة عبر Vercel v0. وانخفض زمن بناء النماذج الأولية بنسبة 75%، ومدد النشر بنسبة 50–75%. وصار بوسع الفرق الآن تحويل موجز العميل إلى نموذج أولي عامل خلال الاجتماع مع العميل نفسه، ودون وثائق وسيطة.

معالج بواسطة الذكاء الاصطناعي من Vercel Blog؛ بتحرير Hamidun News
وكالة Code and Theory تخفض زمن بناء النماذج الأولية بنسبة 75% بفضل Vercel v0
المصدر: Vercel Blog. كولاج: Hamidun News.
◐ استمع للمقال

استبدلت وكالة Code and Theory الرقمية الهياكل السلكية التقليدية والوثائق الفنية بتوليد الشيفرة في Vercel v0، فخفضت زمن الوصول إلى أول نموذج أولي بنسبة 75%، ومدد النشر بنسبة 50–75%.

من هي Code and Theory

Code and Theory وكالة رقمية أمريكية تعمل عند تقاطع الاستراتيجية والتصميم والتطوير الهندسي. وتضم قائمة عملائها Microsoft وAmazon وNBC وعشرات الشركات الأخرى من فئة Fortune 500. فالحديث هنا ليس عن شركة ناشئة تجرّب أدوات جديدة، بل عن مؤسسة راسخة ذات عمليات محكمة، وعملاء كبار ينتظرون مواعيد تسليم يمكن التنبؤ بها.

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

كيف غيّر v0 سير العمل

Vercel v0 أداة لتوليد واجهات المستخدم انطلاقًا من وصف نصي. تصف الواجهة المطلوبة بالكلمات، فيُخرج v0 شيفرة عاملة جاهزة، وهي في الغالب مكوّنات React يمكن تشغيلها وعرضها وتعديلها فورًا. ليس مخططًا من مستطيلات، ولا تصميمًا في Figma، بل شيفرة تعمل.

دمجت Code and Theory أداة v0 في عملية التواصل مع العملاء بحيث يظهر النموذج الأولي أثناء الاجتماع لا بعده. وجاءت النتائج أكبر من مجرد تسريع مرحلة واحدة:

  • انخفض الزمن اللازم للوصول إلى أول نموذج أولي بنسبة 75%
  • تراجعت المدة من انطلاق المشروع إلى النشر بنسبة 50–75%
  • خرجت الهياكل السلكية ووثائق PRD فعليًا من الاستخدام
  • تعمل فرق المنتج والهندسة والتسويق (go-to-market) ضمن مسار واحد
  • يتحول موجز العميل إلى نموذج أولي عامل خلال دقائق، مباشرة أثناء المكالمة

والأهم من ذلك أن جميع الفرق، من مديري المنتج والمصممين إلى المهندسين، باتت تعمل على المُخرَج الحي نفسه، بدلًا من وثائق مختلفة في مراحل مختلفة.

كيف تغيّر الاجتماع مع العميل

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

أما الآن فتكتب الفرقة موجّهًا (prompt) في v0 مباشرة أثناء المكالمة، وتعرض بعد دقيقة نموذجًا أوليًا عاملًا. ولا يرى العميل مخططًا مكتوبًا عليه «هنا سيكون الزر»، بل واجهة حقيقية يمكنه التفاعل معها. وتجري التكرارات في الوقت الفعلي. وتقل جولات الاتفاق بشكل طبيعي، لأن الجميع ينظرون إلى الشيء نفسه.

ماذا يعني ذلك

تُعد حالة Code and Theory من أولى الأمثلة الموثقة علنًا على وكالة كبيرة تعيد بناء عمليتها الإنتاجية بشكل منهجي على نهج «من الموجّه إلى الشيفرة»، لا بوصفه تجربة، بل كمعيار تشغيلي. وإذا أمكن تكرار هذا التسريع بنسبة 75% في فرق أخرى، فإن دورة التصميم التقليدية بأكملها تصبح موضع تساؤل: الهياكل السلكية، ووثائق PRD، والموافقات متعددة المراحل. فالأداة تحوّل كل اجتماع مع العميل إلى جلسة تطوير مشتركة.

ZK
Hamidun News
أخبار الذكاء الاصطناعي بدون ضوضاء. اختيار تحريري يومي من أكثر من 50 مصدر. منتج من جمال حميدون، رئيس الذكاء الاصطناعي في Alpina Digital.
✦ Hands-On AI Engineering

Build & Ship Production AI Apps with Vibe Coding

Join Zhemal Khamidun's hands-on Vibe Coding Intensive at hamidun.com/vibecoding — master Claude Code, Cursor, and autonomous agentic workflows.

Explore Vibe Coding →Vibe Academy Platform
ما رأيك؟
جارٍ تحميل التعليقات…