Task Hub — إدارة المشاريع عبر طبقة MCP
مدير مشاريع بسيط بنيته لعملي الشخصي، مع طبقة MCP تحول الـ PRD والقصص إلى مهام قابلة للتنفيذ.
نظرة عامة Task Hub هو تطبيق حديث وبسيط لإدارة المشاريع قمت ببنائه لإدارة عملي الشخصي. الفكرة الأساسية هي إضافة طبقة MCP server فوق الـ backend بحيث يمكنني تمرير PRDs و user stories إلى AI agent ليقوم بإنشاء tasks تلقائيًا داخل التطبيق. المشكلة كنت أحتاج إلى مساحة عمل مركزة لإدارة المشاريع بدون ميزات زائدة وغير ضرورية. كذلك أردت مسار عمل مباشر من مستندات التخطيط إلى tasks منظمة، بدون copy-paste يدوي. الأهداف
بناء تجربة إدارة مشاريع نظيفة وبسيطة للاستخدام اليومي.
إنشاء طبقة MCP تسمح لـ AI agents بتوليد tasks من PRDs و user stories.
الحفاظ على النظام modular وقابل للتوسع لمنتجات مستقبلية.
الدور والمسؤوليات توليت كامل دورة تطوير المنتج end-to-end، بما يشمل UX/UI، تنفيذ الـ frontend، خدمات الـ backend، تصميم database schema، ودمج MCP server. القيود
بناء فردي بوقت محدود.
ضرورة الحفاظ على أداء سريع وتجربة استخدام بسيطة.
الحاجة إلى backend مستقر مع مراعاة الأتمتة المستقبلية.
البحث والرؤى قمت بدراسة أدوات مثل Trello-style boards و modern SaaS dashboards. الرؤية الأساسية كانت أن الواجهة يجب أن تبقى هادئة وبسيطة، بينما يدعم الـ backend الأتمتة والتكاملات المتقدمة. هندسة المعلومات
Landing page تحكي قصة المنتج مع أقسام واضحة.
تطبيق محمي بالمصادقة يحتوي على dashboards، boards، tasks، و settings.
وحدات backend لإدارة workspaces، boards، lists، tasks، و activities.
MCP endpoint يعمل كطبقة التكامل مع الـ AI.
منهجية التصميم تصميم حديث، احترافي وبسيط، مع لمسات لونية خفيفة. Typography نظيفة، ألوان حيادية ناعمة، hierarchy واضح، ومسافات متناسقة. الواجهة تركز على الوضوح والتركيز بدل الضوضاء البصرية. الميزات الأساسية
Boards، lists، و tasks بأسلوب Trello-like workflow نظيف.
Activity tracking و task metadata لزيادة الوضوح والمساءلة.
MCP server endpoint يتيح لـ AI agents إنشاء tasks مباشرة من PRDs و user stories.
النقاط التقنية البارزة
Stack: Bun، Elysia، Better Auth، Drizzle ORM، Postgres، Vite.
تكامل MCP لعرض task creation كـ tools للـ AI agents.
Modular services و route groups لدعم التوسع.
التكرارات والتحسينات
تحسين النظام البصري بإزالة gradients الثقيلة وتقليل الضوضاء.
تبسيط أقسام الـ landing page وضبط المسافات.
تعديل tokens و components لدعم theming المتناسق.
النتائج أصبح التطبيق مركز إدارة مشاريعي الشخصي، بالإضافة إلى كونه بيئة اختبار لـ MCP-driven automation. الدروس المستفادة التصميم البسيط يتطلب information hierarchy أقوى. مسارات MCP تحتاج schemas واضحة و endpoints يمكن التنبؤ بسلوكها. الخطوات القادمة
توسيع MCP tools لدعم إنشاء boards و lists.
إضافة advanced automation rules.
تحسين التقارير و timeline views.