Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
تصميم البرمجيات في عام 2026 لم يعد مجرد عملية رسم شاشات جميلة. لقد ولى عصر "برمجة الـ Vibes" (Vibe Coding) كما أسماها أندريه كارباثي، وحل محله المعيار الجديد وهو "الهندسة الوكيلية" (Agentic Engineering) حيث تتعاون عشرات من وكلاء الذكاء الاصطناعي معاً. وبينما تعمل أدوات مثل Pencil.dev على كسر الحواجز بين لوحة الرسم والكود، فإن التصميم المعتمد على الذكاء الاصطناعي والمبني على الشعور فقط يعد قنبلة موقوتة في بيئات المؤسسات.
في الواقع، تشير الدراسات الحديثة إلى أن 73% من الكود المولد بواسطة الذكاء الاصطناعي يحتوي على ثغرات أمنية. كما أن طلبات السحب (PRs) المولدة بالذكاء الاصطناعي دون رقابة تؤدي إلى تأخير وقت المراجعة بمقدار 4.6 مرة مقارنة بالمهام العادية. وهذا هو السبب في أننا بحاجة إلى استراتيجية أسراب الوكلاء (Swarm Agents) الدقيقة بدلاً من الاعتماد الأعمى على الذكاء الاصطناعي.
تجربة استخراج النتائج ببضع كلمات بلغة طبيعية هي تجربة ساحرة. ولكن خلف الكواليس، تكمن مشكلة قاتلة وهي غياب القابلية للتتبع (Traceability). الكود الذي يكتبه البشر يترك أسباب القرار في رسائل الالتزام (Commit messages)، بينما لا يستطيع الذكاء الاصطناعي شرح سبب اختياره لمكتبة معينة بشكل منطقي.
غالباً ما يقدم الذكاء الاصطناعي نتائج تبدو مثالية بصرياً ولكن أداءها الفعلي كارثي. ففي العروض التوضيحية، قد تكون واجهة المستخدم سلسة، لكنها لا تتحمل ضغط البيانات في بيئة الإنتاج الحقيقية، أو تنشئ هياكل DOM معقدة تعيق رندر المتصفح.
تتطلب المشاريع المعقدة جيشاً من الوكلاء المتخصصين وليس ذكاءً اصطناعياً واحداً. ولكن عندما يقوم الوكيل (أ) بتعديل الترويسة (Header) والوكيل (ب) بتعديل التذييل (Footer) ويحدث تصادم في المتغيرات المشتركة، ينهار النظام.
تعرف أبحاث Microsoft و Anthropic ثلاثة نماذج لتعاون الوكلاء:
يجب اعتماد تقنية تحديثات الحالة الجزئية (Partial State Updates). المفتاح هنا هو جعل الوكيل يعيد فقط خصائص العقدة المحددة التي تحتاج إلى تعديل بدلاً من إعادة كتابة الملف بالكامل، لدمج التغييرات بشكل ذري (Atomically).
جوهر Pencil.dev هو فلسفة "التصميم ككود" (Design as Code). ملف .pen المعتمد على بنية JSON النصية يتيح التحقق من الفروقات (diff) وتقسيم الفروع (branches) في Git.
| خاصية الكائن | الدور | ملاحظات |
|---|---|---|
| id | معرف فريد داخل المستند | لتتبع الوكيل |
| type | frame, text, ref إلخ. | تعريف مخطط TypeScript |
| layout | vertical, horizontal | التحكم في Flexbox |
| variables | رموز التصميم العالمية | جوهر الحواجز الوقائية (Guardrails) |
يجب فرض استخدام المتغيرات العالمية مثل $color.primary لمنع الوكيل من توليد أكواد ألوان عشوائية. أنظمة عام 2026 تدعم القيم المتعددة، لذا يتم تقييم المتغيرات في الوقت الفعلي بناءً على الثيم.
يتطلب تحويل سير عمل Figma الحالي إلى بيئة وكلاء الذكاء الاصطناعي نهجاً منهجياً.
.pen.AGENTS.md.خطأ شائع: إذا تجاهل الوكيل المخطط وأضاف خصائص من عنده، فسوف تتدمر قواعد التسمية. يجب وضع حواجز وقائية تتحقق من تلوث المتغيرات العالمية في الوقت الفعلي. أيضاً، يميل الذكاء الاصطناعي إلى إنشاء تداخل DOM مفرط، لذا تأكد من وضع قيود على وقت الرندر.
تغير دور المصمم الآن من صانع بكسلات إلى مهندس نظم و قائد وكيلي. في عالم يتولى فيه الذكاء الاصطناعي التنفيذ، فإن القدرة على تصميم أنظمة "فتحات" (slots) منطقية وهيكلة السياق بحيث يعطي الوكيل أفضل إجابة هي ما يحدد قيمتك السوقية.
المشاريع الناجحة في عام 2026 لا تكتمل بناءً على الحدس، بل على مخططات JSON وعمليات الموافقة في Git الدقيقة. عندما تستخدم لوحة Pencil.dev ليس كمجرد لوحة رسم، بل كمستودع كود حي يتزامن فيه البشر والوكلاء، عندها فقط تحدث ثورة الإنتاجية الحقيقية.