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 للمنتجات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
الموظف المنضبط: يمكنك تحديد دوره بدقة متناهية بحدود وصلاحيات صارمة، مثالي للتعامل مع الملفات الحساسة.