Sarb AI
العودة للحزم

Design System Squad

حزمة إطلاق نظام تصميم

حزمة إطلاق نظام تصميم مصممة عندما يكون الهدف أكبر من وكيل واحد. تجمع 5 أدوار متخصصة حول نتيجة واضحة: Design system MVP مع tokens ومكونات وQA. المنسق يبدأ بمقابلة توجيهية، يوزع العمل بين التخصصات، يمنع التكرار، يدمج الآراء المتعارضة، ثم يراجع المخرج بثلاث جولات نقد قبل التسليم. مناسبة لـ: فريق منتج لديه واجهات متفرقة. داخل الحزمة ستجد طريقة تشغيل، مالك لكل مرحلة، قواعد تسليم بين الوكلاء، وسجل مهارات مدمجة بمصادرها وروابط فحصها. أهم الأدوار داخلها: توكنات التصميم ومكونات وقواعد واجهة قابلة للتطبيق في الكود، تصميم واجهات SaaS وتطبيقات ولوحات تشغيلية قابلة للتنفيذ، فحص اتساق واجهات ووصول وتجربة مستخدم قبل التسليم، بناء واجهات وتكاملات Next.js مع TypeScript وأداء عالي.

5 وكيل في فريق واحد$3028 مهارات مدمجة28 MCP اختياريجودة 98تصميم ومنتجقيمة أولى خلال 5-10 أيام
تحميل ملف الحزمة الرئيسي

$30

سعر الحزمة

دفعة واحدة

نوع الشراء

ملف رقمي قابل للتحميل

نوع المنتج

الهدف الأساسي

فريق متكامل لمشروعك

مناسبة لـ فريق منتج لديه واجهات متفرقة. Design system MVP مع tokens ومكونات وQA

ما تشتريه فعليا: Design system MVP مع tokens ومكونات وQA.

لمن تناسب: فريق منتج لديه واجهات متفرقة.

أول قيمة متوقعة: 5-10 أيام.

ملف واحد يشغل الفريق كله بدل تحميل كل وكيل على حدة.

منسق داخلي يحدد من يقود كل مرحلة ومن يراجعها.

سجل قرارات يوضح الأدلة والافتراضات والمخاطر قبل التسليم.

Token map + component inventory + version policy

تدفق تجربة

مواصفات واجهة

نظام مكونات أو هوية

أعضاء الفريق

طريقة العمل الموزعة

مقابلة توجيهية

وكيل UI/UX للمنتجات

أسئلة قرار، نطاق واضح، تعريف نجاح، وحدود صلاحيات قبل أي تنفيذ

خريطة الأدلة والملفات

وكيل UI/UX للمنتجات

Evidence map: مصادر، ملفات مستخدمة، فجوات، وافتراضات يجب تثبيتها

تصميم خطة الفريق

وكيل أنظمة التصميم

Owner matrix، تسلسل عمل، معايير قبول، وبوابات موافقة

تنفيذ متخصص متوازي

وكيل UI/UX للمنتجات

مخرجات كل دور في مساره بدون تكرار أو تضارب

دمج وإزالة التعارض

وكيل أنظمة التصميم

نسخة موحدة تربط قرارات الوكلاء وتزيل التناقضات

نقد حاد 1: الدقة والتخصص

وكيل الهوية البصرية

تصحيح ادعاءات، مصادر، ثغرات تخصصية، وأخطاء افتراض

نقد حاد 2: قابلية الاستخدام والبيع

وكيل أنظمة التصميم

تحويل المخرج إلى شيء مفهوم، قابل للتنفيذ، وقابل للبيع

نقد حاد 3: المخاطر والحواف

وكيل مراجعة جودة التصميم

بوابات موافقة، مخاطر API، خصوصية، اختبارات، وحالات حافة

التسليم النهائي

وكيل أنظمة التصميم

حزمة تسليم واحدة: ما تم، المخرجات، التحقق، المخاطر، والخطوة التالية

كيف يتواصل الوكلاء؟

أول رد للحزمة يجب أن يكون مقابلة توجيهية قصيرة بأسئلة تؤثر على جودة العمل قبل توزيع المهام.

لا تنتقل الحزمة من مرحلة إلى أخرى إلا بعد ملخص تسليم: الهدف، الأدلة، الملفات، المخاطر، والقرار المطلوب.

كل مخرج له مالك واحد حتى لو ساعد أكثر من وكيل في التفكير أو المراجعة.

المنسق يمنع تكرار العمل: إذا غطى وكيل نقطة، يكمل الوكيل التالي عليها ولا يعيدها من الصفر.

أي كتابة خارجية أو نشر أو إرسال أو حذف أو دفع أو تغيير إنتاجي يحتاج موافقة صريحة.

عند اختلاف رأي الوكلاء، يرتب المنسق القرار حسب: الأمان، الدليل، هدف المستخدم، البساطة، ثم السرعة.

إذا فشل معيار مراجعة، يرجع العمل للمرحلة المسؤولة مع سبب واضح ومخرج مطلوب للإصلاح.

لا تسلم النتيجة النهائية قبل ثلاث جولات نقد: دقة وتخصص، فائدة وقابلية بيع، ثم مخاطر وحواف.

متى نحتاج موافقتك؟

هل بدأت الحزمة بأسئلة ذكية كافية بدلا من تنفيذ مباشر مبني على تخمين؟

هل الحزمة تعالج ألما تجاريا أو تشغيليا واضحا يمكن بيعه كخدمة؟

هل المخرج النهائي واحد ومفهوم، وليس قائمة آراء من وكلاء مختلفين؟

هل تم توثيق الأدلة والافتراضات والمصادر قبل التوصية؟

هل تم فصل القراءة والاقتراح عن التنفيذ عالي المخاطر؟

هل تم تطبيق ثلاث جولات نقد وتحسين قبل النسخة النهائية؟

هل يعرف المستخدم ماذا يستلم الآن وماذا يفعل بعد ذلك؟

لا يفترض props أو توكنات التصميم بلا تحقق من النظام

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

أي رقم أو قانون أو ادعاء مؤثر يجب أن يذكر مصدره أو يوسم كافتراض يحتاج تحقق.

المهارات المدمجة

Open Design

مهارة تصميم أساسية إلزامية لكل وكيل له علاقة بالتصميم. تعمل كطبقة تصميم محلية أولاً لبناء prototypes وواجهات وهوية وأنظمة تصميم ومراجعة المخرجات قبل التسليم.

Impeccable Design

طبقة نقد وتصميم صارمة تمنع الواجهات المكررة وتراجع typography واللون والمسافات والحركة والتفاعل والكتابة الدقيقة.

Taste Skill

طبقة ذوق بصري تمنع مخرجات التصميم العامة وتفرض تباين layout، إيقاع بصري واضح، وحلول أقل شبها بالقوالب.

DESIGN.md Reference Mining

استخراج لغة تصميم قابلة للتنفيذ من DESIGN.md أو من أمثلة مواقع قوية ثم تحويلها إلى قواعد مشروع واضحة.

UI/UX Pro Max

مولد قرارات UI/UX يربط نوع المنتج بنمط الصفحة، hierarchy، التباين، الحالات، الوصول، وقائمة تسليم احترافية.

بحث ويب موثق

تحويل السؤال إلى بحث بمصادر ودرجة ثقة.

قراءة صفحات ومراجع

تلخيص صفحات طويلة إلى معرفة قابلة للعمل.

تشغيل تيرمينال آمن

إدارة أوامر shell داخل workspace.

تصميم واجهات قابل للتنفيذ

تصميم UI هادئ وعملي.

توجيه توليد الصور

كتابة prompts صور وهوية.

كتابة تحويل

صياغة رسائل صفحات وإعلانات ومبيعات.

بحث عميق

تقرير مصادر وبدائل.

عروض تنفيذية

تحويل القرار إلى عرض.

عقد توكنات التصميم

ربط الألوان والمسافات والخطوط بمخطط قابل للتنفيذ في الكود.

فحص مستودع

قراءة بنية مشروع واستخراج نقاط تعديل.

تدقيق وصول WCAG

فحص قابلية الوصول للنصوص والتباين واللوحة والحالات.

تقييم الوكيل واختبار السلوك

بناء اختبارات نجاح وفشل وحقن برومبت وقياس اتساق المخرجات.

نقد تصميم احترافي

تحويل التصميم إلى ملاحظات أثرية قابلة للتنفيذ.

تحقق بصري

اختبار الواجهة عبر أحجام وحالات مختلفة.

معايير قبول واضحة

تحويل أي طلب إلى شروط قبول واختبار تسليم.

موجه ترسانة المهارات

يختار المهارات المناسبة من مكتبات المهارات بدل تكديسها عشوائيا، ويشرح لماذا اختار كل مهارة.

Superpowers Operating Loop

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

مراقبة وتقييم الوكيل

يبني trace داخلي للمهمة: هدف، أدوات، قرارات، نتائج، أخطاء، وتقييم نهائي قابل للتحسين.

اختبار المسار الذهبي

يقارن مسار عمل الوكيل بمسار مثالي متوقع، ويكشف الانحرافات قبل التسليم.

ذاكرة طويلة المدى

ينظم ما يستحق التذكر: تفضيلات، قرارات، افتراضات، ونتائج، دون تخزين أسرار أو بيانات شخصية حساسة.

Hindsight Memory Review

يراجع ذاكرة الوكيل كمعتقدات قابلة للتحديث، لا كسجل ثابت، ويصحح التناقضات قبل استخدامها.

انضباط SKILL.md

يحول الخبرة إلى مهارة قابلة للتشغيل: trigger واضح، workflow مختصر، مخرجات، guardrails، واختبار قبول.

تغليف العرض للبيع

تحويل مخرجات الوكيل إلى عرض واضح وسريع الشراء.

MCP اختياري

Filesystem MCP

أساسي · مجاني

قراءة ملفات المعرفة والمخرجات محلياً.

سبب الاختيار: بنية تشغيل أساسية يحتاجها وكيل الهوية البصرية للملفات والذاكرة والتخطيط الآمن.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

Memory MCP

أساسي · مجاني

ذاكرة قرارات وافتراضات وملفات عمل.

سبب الاختيار: بنية تشغيل أساسية يحتاجها وكيل الهوية البصرية للملفات والذاكرة والتخطيط الآمن.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

Sequential Thinking MCP

أساسي · مجاني

تفكير متسلسل قبل القرارات المعقدة.

سبب الاختيار: بنية تشغيل أساسية يحتاجها وكيل الهوية البصرية للملفات والذاكرة والتخطيط الآمن.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

Time MCP

أساسي · مجاني

تواريخ ومناطق زمنية وجدولة.

سبب الاختيار: بنية تشغيل أساسية يحتاجها وكيل الهوية البصرية للملفات والذاكرة والتخطيط الآمن.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

Figma Context MCP

مباشر · مجاني

قراءة سياق Figma للتصميم.

سبب الاختيار: Figma Context MCP أداة مباشرة لوكيل وكيل الهوية البصرية: قراءة سياق Figma للتصميم.

المصادقة: FIGMA_TOKEN · مفتاح API: نعم · المخاطر: متوسطة

Storybook MCP

مساند · مجاني

فهم مكونات وقصص Storybook.

سبب الاختيار: Storybook MCP أداة مساندة لوكيل وكيل تطوير Next.js: فهم مكونات وقصص Storybook.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

shadcn/ui MCP

مساند · مجاني

مكونات UI جاهزة.

سبب الاختيار: shadcn/ui MCP أداة مساندة لوكيل وكيل تطوير Next.js: مكونات UI جاهزة.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

GitHub MCP

مباشر · مجاني

Issues وPRs ومستودعات.

سبب الاختيار: GitHub MCP أداة مباشرة لوكيل وكيل تطوير Next.js: Issues وPRs ومستودعات.

المصادقة: GITHUB_TOKEN · مفتاح API: نعم · المخاطر: متوسطة

Context7 MCP

مباشر · مجاني

توثيق حديث للمكتبات.

سبب الاختيار: Context7 MCP أداة مباشرة لوكيل وكيل تطوير Next.js: توثيق حديث للمكتبات.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

BrowserStack MCP

مساند · مدفوع

اختبار متصفحات وأجهزة حقيقية وسجلات فشل ولقطات شاشة.

سبب الاختيار: BrowserStack MCP أداة مساندة لوكيل وكيل تطوير Next.js: اختبار متصفحات وأجهزة حقيقية وسجلات فشل ولقطات شاشة.

المصادقة: BROWSERSTACK_USERNAME + ACCESS_KEY · مفتاح API: نعم · المخاطر: متوسطة

Chrome DevTools MCP

مباشر · مجاني

لقطات، snapshots، performance، network، وdebugging للمتصفح.

سبب الاختيار: Chrome DevTools MCP أداة مباشرة لوكيل وكيل تطوير Next.js: لقطات، snapshots، performance، network، وdebugging للمتصفح.

المصادقة: none · مفتاح API: لا · المخاطر: متوسطة

Linear MCP

مساند · مجاني

إنشاء وتحديث وبحث issues ومشاريع Linear.

سبب الاختيار: Linear MCP أداة مساندة لوكيل وكيل مراجعة جودة التصميم: إنشاء وتحديث وبحث issues ومشاريع Linear.

المصادقة: LINEAR_API_KEY · مفتاح API: نعم · المخاطر: متوسطة

Microsoft Playwright MCP

مباشر · مجاني

تصفح واختبار مواقع وجمع أدلة.

سبب الاختيار: Microsoft Playwright MCP أداة مباشرة لوكيل وكيل تطوير Next.js: تصفح واختبار مواقع وجمع أدلة.

المصادقة: none · مفتاح API: لا · المخاطر: متوسطة

Microsoft MarkItDown MCP

مباشر · مجاني

تحويل PDF وDOCX وXLSX وPPTX والصور إلى Markdown قابل للبحث.

سبب الاختيار: Microsoft MarkItDown MCP أداة مباشرة لوكيل وكيل الهوية البصرية: تحويل PDF وDOCX وXLSX وPPTX والصور إلى Markdown قابل للبحث.

المصادقة: none · مفتاح API: لا · المخاطر: متوسطة

Firecrawl MCP

بحث · مجاني/مدفوع

قراءة صفحات عامة وتحويلها إلى Markdown.

سبب الاختيار: Firecrawl MCP مصدر بحث لوكيل وكيل الهوية البصرية: قراءة صفحات عامة وتحويلها إلى Markdown.

المصادقة: FIRECRAWL_API_KEY · مفتاح API: نعم · المخاطر: متوسطة

Fetch MCP

بحث · مجاني

جلب صفحات عامة وتحويلها لسياق.

سبب الاختيار: Fetch MCP مصدر بحث لوكيل وكيل الهوية البصرية: جلب صفحات عامة وتحويلها لسياق.

المصادقة: none · مفتاح API: لا · المخاطر: منخفضة

Brave Search MCP

بحث · مجاني/مدفوع

بحث ويب حديث.

سبب الاختيار: Brave Search MCP مصدر بحث لوكيل وكيل الهوية البصرية: بحث ويب حديث.

المصادقة: BRAVE_API_KEY · مفتاح API: نعم · المخاطر: منخفضة

Supabase MCP

مباشر · مجاني

إدارة جداول Supabase وجلب config واستعلامات المشروع.

سبب الاختيار: Supabase MCP أداة مباشرة لوكيل وكيل تطوير Next.js: إدارة جداول Supabase وجلب config واستعلامات المشروع.

المصادقة: Supabase access token · مفتاح API: نعم · المخاطر: عالية

Postgres MCP

مباشر · مجاني

استعلامات Postgres طبيعية، schema exploration، وSQL results.

سبب الاختيار: Postgres MCP أداة مباشرة لوكيل وكيل تطوير Next.js: استعلامات Postgres طبيعية، schema exploration، وSQL results.

المصادقة: DATABASE_URL · مفتاح API: نعم · المخاطر: عالية

Sentry MCP

مباشر · مجاني/مدفوع

أخطاء إنتاج ومراقبة.

سبب الاختيار: Sentry MCP أداة مباشرة لوكيل وكيل تطوير Next.js: أخطاء إنتاج ومراقبة.

المصادقة: SENTRY_TOKEN · مفتاح API: نعم · المخاطر: متوسطة

DevServer MCP

مساند · مجاني

إدارة dev servers وتشغيلها ومراقبة logs مع Playwright.

سبب الاختيار: DevServer MCP أداة مساندة لوكيل وكيل تطوير Next.js: إدارة dev servers وتشغيلها ومراقبة logs مع Playwright.

المصادقة: none · مفتاح API: لا · المخاطر: متوسطة

Canva MCP

مباشر · مجاني/مدفوع

إنشاء ومراجعة أصول حملات وتسليمات تصميم سريعة داخل Canva.

سبب الاختيار: Canva MCP أداة مباشرة لوكيل وكيل الهوية البصرية: إنشاء ومراجعة أصول حملات وتسليمات تصميم سريعة داخل Canva.

المصادقة: Canva OAuth · مفتاح API: نعم · المخاطر: متوسطة

Document Operations MCP

مباشر · مجاني

تحويل ومعالجة PDF/DOCX/HTML/Markdown وإنشاء مخرجات مستندية.

سبب الاختيار: Document Operations MCP أداة مباشرة لوكيل وكيل الهوية البصرية: تحويل ومعالجة PDF/DOCX/HTML/Markdown وإنشاء مخرجات مستندية.

المصادقة: none · مفتاح API: لا · المخاطر: متوسطة

Google Workspace MCP

مباشر · مجاني

Docs وSheets وDrive وGmail وCalendar.

سبب الاختيار: Google Workspace MCP أداة مباشرة لوكيل وكيل الهوية البصرية: Docs وSheets وDrive وGmail وCalendar.

المصادقة: Google OAuth · مفتاح API: نعم · المخاطر: متوسطة

Airtable MCP

مباشر · مجاني/مدفوع

قراءة وكتابة سجلات وقواعد Airtable مع schema inspection.

سبب الاختيار: Airtable MCP أداة مباشرة لوكيل وكيل الهوية البصرية: قراءة وكتابة سجلات وقواعد Airtable مع schema inspection.

المصادقة: AIRTABLE_TOKEN · مفتاح API: نعم · المخاطر: متوسطة

Meta Ads MCP

مساند · مجاني

إدارة وتحليل حملات Meta/Facebook/Instagram Ads والحسابات والكرياتيف.

سبب الاختيار: Meta Ads MCP أداة مساندة لوكيل وكيل الهوية البصرية: إدارة وتحليل حملات Meta/Facebook/Instagram Ads والحسابات والكرياتيف.

المصادقة: META_ACCESS_TOKEN · مفتاح API: نعم · المخاطر: عالية

Notion MCP

مساند · مجاني

معرفة ومشاريع وCRM خفيف.

سبب الاختيار: Notion MCP أداة مساندة لوكيل وكيل الهوية البصرية: معرفة ومشاريع وCRM خفيف.

المصادقة: NOTION_TOKEN · مفتاح API: نعم · المخاطر: منخفضة

Slack MCP

مساند · مجاني

تلخيص قنوات العمل.

سبب الاختيار: Slack MCP أداة مساندة لوكيل وكيل الهوية البصرية: تلخيص قنوات العمل.

المصادقة: SLACK_BOT_TOKEN · مفتاح API: نعم · المخاطر: عالية

المنصات المدعومة

Claude Code

رفيقك المثالي داخل الكود: يحلّل ملفاتك، يبني الخطة، ويختبر الكود، ولن ينفذ أي خطوة حساسة دون إذنك.

Codex

للمشاريع الهندسية الضخمة: يتولى عنك تحليل المستودعات، وتعديل الملفات المتعددة، مع فهم عميق لسياق عملك بدل الدردشة العامة.

Antigravity

للمهام المتشعبة: يفكك العمل المعقد إلى مراحل واضحة، ويدير الملفات والمهام بذكاء، مثالي لحزم العمل المتكاملة.

Cursor

مساعدك الخاص داخل المحرر: يتشرب أسلوب برمجتك، ويقترح تعديلات دقيقة قابلة للمراجعة بنقرة واحدة.

Windsurf

حليفك في العمل المستمر: ينظم سير العمل في ملفاتك، وينفذ الأوامر بأمان تام داخل بيئة التطوير.

Replit Agent

أسرع طريقة لإطلاق النماذج: حوّل أفكارك إلى تجارب حية قابلة للتشغيل فوراً في بيئة Replit.

GitHub Copilot

عينك الإضافية في GitHub: يفهم التحديات (issues) ويراجع التعديلات بدقة قبل أي عملية دمج.

Gemini CLI

مساعدك الذكي في الطرفية: يوجه التنفيذ خطوة بخطوة، مع نقاط مراجعة تضمن لك السيطرة الكاملة.

Aider

طبيب كود متخصص: يركز على ملفات محددة، ويطبق تعديلات جراحية دقيقة مع ربط كل تعديل بمعيار نجاح واضح.

OpenCode

موحد معاييرك: يضبط أداء وكلائك عبر مختلف المشاريع، ليضمن لك مخرجات متسقة بأدوات موحدة.

Cline

شريكك التكتيكي في VS Code: يخطط أولاً وينفذ ثانياً، مع تنبيهك المسبق لأي خطوات قد تحمل مخاطر.

Roo Code

الموظف المنضبط: يمكنك تحديد دوره بدقة متناهية بحدود وصلاحيات صارمة، مثالي للتعامل مع الملفات الحساسة.