محمود العايدي
رجوع لكل الأعمال

تمبلتس

سجل مكوّنات React وTailwind تقدر وكلاء البرمجة بالذكاء الاصطناعي أن تركّبها مباشرة داخل المشروع، عبر سيرفر MCP أصلي.

المنصة
ويب
السنة
2026
الدور
مطوّر full-stack
تمبلتس — غلاف المشروع

بالأرقام

مكوّنًا منشورًا
436
تثبيت شهريًا
154.1K
تركيب مباشر بالوكلاء
MCP

التحدّي

مكتبات المكوّنات مبنية على أن إنسانًا يتصفّح وينسخ ويلصق. وهذا ينهار لحظة أن يكون كاتب الكود وكيلًا ذكيًا: فهو لا يرى المعاينة، ولقطة الشاشة لا تخبره شيئًا عن الخصائص التي عليه توفيرها.

الحل

كل مكوّن يُنشر بثلاث طرق من مصدر واحد: معاينة حيّة للبشر، وprompt جاهز للنسخ للمحادثة، ونداء أداة MCP يجعل Cursor وClaude Code يركّبانه في المشروع بنفسيهما. والمنظومة كلها مستضافة ذاتيًا — Postgres وتخزين متوافق مع S3 ومصادقة — بلا أي خدمة مدفوعة تحتها.

النتيجة

السجل يضم اليوم ٤٣٦ مكوّنًا ويسجّل ١٥٤٫١ ألف تثبيت في الشهر. ومسار MCP هو ما يقود ذلك: تركيب المكوّن صار جملة واحدة تقولها لوكيل، بدل دورة تصفّح ونسخ ولصق.

أبرز النقاط

  • معاينة حيّة داخل البطاقة — كل مكوّن يعمل فعلًا داخل الشبكة نفسها — iframe معزول مع Babel وimport-map، ولا يُحمَّل إلا عند ظهوره في الشاشة.
  • سيرفر MCP أصلي — اربط Cursor أو Claude Code أو Windsurf بالسجل، ثم صِف المكوّن الذي تريده فيُركَّب في مشروعك مباشرة.
  • برومبت جاهز للنسخ — لكل مكوّن صيغة مكتوبة للذكاء الاصطناعي، لمن يفضّل اللصق في المحادثة بدل ربط أداة.
  • بحث وفلاتر — بحث فوري بـ ⌘K، وفلترة بالتصنيف والوسوم ودعم RTL ومجاني/مدفوع، وترتيب بالرواج أو الأحدث أو الأكثر استخدامًا.
  • نشر من المستخدمين — السجل ليس مغلقًا — مهندسو تصميم آخرون ينشرون مكوّناتهم فيه بصفحة ملف لكل واحد.
  • مستضاف ذاتيًا بالكامل — Postgres وDrizzle ومصادقة Auth.js عبر GitHub وGoogle ورابط سحري — بلا أي خدمة SaaS مدفوعة تحته.

اتبنى بـ

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind v4

المشروع التالي

ماجيستيك — مبيعات ميدانية ونقاط بيع

خلّينا نشتغلمع بعض