Design System Squad
حزمة إطلاق نظام تصميم
حزمة إطلاق نظام تصميم مصممة عندما يكون الهدف أكبر من وكيل واحد. تجمع 5 أدوار متخصصة حول نتيجة واضحة: Design system MVP مع tokens ومكونات وQA. المنسق يقرأ الطلب مرة واحدة، يوزع العمل بين التخصصات، يمنع التكرار، ويجمع المخرجات في تسليم واحد مرتب. مناسبة لـ: فريق منتج لديه واجهات متفرقة. داخل الحزمة ستجد طريقة تشغيل، مالك لكل مرحلة، قواعد تسليم بين الوكلاء، ومراجعات تمنع القفز إلى التنفيذ قبل الأدلة. أهم الأدوار داخلها: توكنات التصميم ومكونات وقواعد واجهة قابلة للتطبيق في الكود، تصميم واجهات SaaS وتطبيقات ولوحات تشغيلية قابلة للتنفيذ، فحص اتساق واجهات ووصول وتجربة مستخدم قبل التسليم، بناء واجهات وتكاملات Next.js مع TypeScript وأداء عالي.
$30
سعر الحزمة
دفعة واحدة
نوع الشراء
ملف رقمي قابل للتحميل
نوع المنتج
الهدف الأساسي
فريق متكامل لمشروعك
مناسبة لـ فريق منتج لديه واجهات متفرقة. Design system MVP مع tokens ومكونات وQA
ما تشتريه فعليا: Design system MVP مع tokens ومكونات وQA.
لمن تناسب: فريق منتج لديه واجهات متفرقة.
أول قيمة متوقعة: 5-10 أيام.
ملف واحد يشغل الفريق كله بدل تحميل كل وكيل على حدة.
منسق داخلي يحدد من يقود كل مرحلة ومن يراجعها.
سجل قرارات يوضح الأدلة والافتراضات والمخاطر قبل التسليم.
Token map + component inventory + version policy
تدفق تجربة
مواصفات واجهة
نظام مكونات أو هوية
أعضاء الفريق
وكيل أنظمة التصميم
التصميمتوكنات التصميم ومكونات وقواعد واجهة قابلة للتطبيق في الكود
وكيل UI/UX للمنتجات
التصميمتصميم واجهات SaaS وتطبيقات ولوحات تشغيلية قابلة للتنفيذ
وكيل مراجعة جودة التصميم
التصميمفحص اتساق واجهات ووصول وتجربة مستخدم قبل التسليم
وكيل تطوير Next.js
الهندسةبناء واجهات وتكاملات Next.js مع TypeScript وأداء عالي
وكيل الهوية البصرية
التصميمأنظمة شعارات ونبرة ومواد علامة تجارية قابلة للتخصيص
طريقة العمل الموزعة
استلام الهدف
وكيل UI/UX للمنتجاتملخص مهمة من صفحة واحدة مع الافتراضات والمخاطر
بحث وتحقق
وكيل UI/UX للمنتجاتمصادر وحقائق وفجوات بيانات يجب تأكيدها
تصميم الحل
وكيل أنظمة التصميمخطة تنفيذ، نطاق، ومعايير قبول
الإنتاج
وكيل UI/UX للمنتجاتملفات أو قوالب أو خطط أو كود جاهز للمراجعة
المراجعة
وكيل مراجعة جودة التصميمقائمة عيوب، تحقق، وتعديلات نهائية
التسليم
وكيل أنظمة التصميمحزمة تسليم واضحة مع الخطوة التالية والمالك
كيف يتواصل الوكلاء؟
لا تنتقل الحزمة من مرحلة إلى أخرى إلا بعد ملخص تسليم: الهدف، الأدلة، الملفات، المخاطر، والقرار المطلوب.
كل مخرج له مالك واحد حتى لو ساعد أكثر من وكيل في التفكير أو المراجعة.
المنسق يمنع تكرار العمل: إذا غطى وكيل نقطة، يكمل الوكيل التالي عليها ولا يعيدها من الصفر.
أي كتابة خارجية أو نشر أو إرسال أو حذف أو دفع أو تغيير إنتاجي يحتاج موافقة صريحة.
عند اختلاف رأي الوكلاء، يرتب المنسق القرار حسب: الأمان، الدليل، هدف المستخدم، البساطة، ثم السرعة.
إذا فشل معيار مراجعة، يرجع العمل للمرحلة المسؤولة مع سبب واضح ومخرج مطلوب للإصلاح.
متى نحتاج موافقتك؟
هل الحزمة تعالج ألما تجاريا أو تشغيليا واضحا يمكن بيعه كخدمة؟
هل المخرج النهائي واحد ومفهوم، وليس قائمة آراء من وكلاء مختلفين؟
هل تم توثيق الأدلة والافتراضات والمصادر قبل التوصية؟
هل تم فصل القراءة والاقتراح عن التنفيذ عالي المخاطر؟
هل يعرف المستخدم ماذا يستلم الآن وماذا يفعل بعد ذلك؟
لا يفترض props أو توكنات التصميم بلا تحقق من النظام
يجب أن يرتبط كل مخرج بمؤشر واحد على الأقل من: وضوح المهمة، الاتساق، قابلية التنفيذ، الوصول والاستخدام.
أي رقم أو قانون أو ادعاء مؤثر يجب أن يذكر مصدره أو يوسم كافتراض يحتاج تحقق.
لا يستخدم أداة مدفوعة أو خارجية إلا إذا شرح فائدتها وتكلفتها والمفتاح المطلوب والبديل المجاني.
قبل التسليم يراجع النتيجة كخصم: ما أضعف نقطة؟ ما الذي قد يضلل المستخدم؟ ما الذي يحتاج تصحيحا الآن؟
المهارات المدمجة
بحث ويب موثق
تحويل السؤال إلى بحث بمصادر ودرجة ثقة.
قراءة صفحات ومراجع
تلخيص صفحات طويلة إلى معرفة قابلة للعمل.
تشغيل تيرمينال آمن
إدارة أوامر shell داخل workspace.
تصميم واجهات قابل للتنفيذ
تصميم UI هادئ وعملي.
توجيه توليد الصور
كتابة prompts صور وهوية.
كتابة تحويل
صياغة رسائل صفحات وإعلانات ومبيعات.
بحث عميق
تقرير مصادر وبدائل.
عروض تنفيذية
تحويل القرار إلى عرض.
عقد توكنات التصميم
ربط الألوان والمسافات والخطوط بمخطط قابل للتنفيذ في الكود.
فحص مستودع
قراءة بنية مشروع واستخراج نقاط تعديل.
تدقيق وصول WCAG
فحص قابلية الوصول للنصوص والتباين واللوحة والحالات.
تقييم الوكيل واختبار السلوك
بناء اختبارات نجاح وفشل وحقن برومبت وقياس اتساق المخرجات.
نقد تصميم احترافي
تحويل التصميم إلى ملاحظات أثرية قابلة للتنفيذ.
تحقق بصري
اختبار الواجهة عبر أحجام وحالات مختلفة.
معايير قبول واضحة
تحويل أي طلب إلى شروط قبول واختبار تسليم.
تغليف العرض للبيع
تحويل مخرجات الوكيل إلى عرض واضح وسريع الشراء.
سلامة الأدوات والصلاحيات
تصنيف الأدوات بين قراءة واقتراح وتنفيذ بموافقة.
تخصيص السوق واللهجة
تحويل أفضل الممارسات العالمية إلى مخرجات مناسبة لدولة أو منطقة محددة.
رحلة العميل
رسم مراحل العميل ونقاط الاحتكاك والفرص.
تشخيص منهجي
تضييق سبب العطل بأدلة.
مراجعة كود
كشف عيوب وأمان واختبارات.
تطوير بالاختبارات
كتابة اختبارات قبل/مع التعديل.
مراجعة أمان
كشف أسرار ومخاطر واعتماديات.
معمارية MCP
اختيار وتصميم أدوات MCP.
إدارة الإطلاق والرجوع
خطط release gates وrollback وبيئات ومراقبة بعد النشر.
دليل حوادث وتشغيل
بناء runbook للحوادث والرجوع والتواصل.
صياغة مستندات
إنشاء مسودات منظمة.
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
الموظف المنضبط: يمكنك تحديد دوره بدقة متناهية بحدود وصلاحيات صارمة، مثالي للتعامل مع الملفات الحساسة.