سجل مكوّنات React وTailwind تقدر وكلاء البرمجة بالذكاء الاصطناعي أن تركّبها مباشرة داخل المشروع، عبر سيرفر MCP أصلي.
- الدورمهندس متكامل ومصمم
- استغرقمستمر
- السنة2026
- بُني بـ
- Next.js 16
- React 19
- TypeScript
- Tailwind v4
- PostgreSQL
- Drizzle ORM
- MCP
- 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 مدفوعة تحته.
من داخل المشروع
جولة في 8 شاشة من الموقع ولوحة التحكم.
الرائج هذا الأسبوعكل بطاقة في الشبكة تشغّل المكوّن نفسه حيًّا، لا صورة له — ومعها عدد التثبيتات والإعجابات، فتعرف ما يستعمله الناس فعلًا. 
متصفّح المكوّنات٤٣٦ مكوّنًا مع فلترة بالتصنيف والوسم ودعم RTL ومجاني/مدفوع، وترتيب بالرواج أو الأحدث أو الأكثر استخدامًا. 
صفحة المكوّنمعاينة حيّة وكود ومثال استخدام، وزر ينسخ برومبتًا جاهزًا للذكاء الاصطناعي، وأمر CLI واحد، والتبعيات والرخصة وعدد التثبيتات. 
إعداد سيرفر MCPأضِف السيرفر إلى إعدادات محرّرك، أعِد تشغيله، ثم اطلب الواجهة بالكلام — وCursor أو Claude Code يركّب المكوّن بنفسه. 
القوالب الكاملةصفحات جاهزة كاملة لا مكوّنات مفردة — قائمة انتظار، صفحة منتج، لوحة تحكم، مسار تسجيل دخول. 
الثيماتأنظمة ألوان جاهزة متوافقة مع shadcn/ui — انسخ متغيّرات CSS والصقها، والمشروع كله يتبدّل. 
الأسعارمجاني للتصفّح والمعاينة ونسختين يوميًا، وPro بعشرين دولارًا للنسخ غير المحدود وسجلّ خاص، وTeam بستين للفريق كله. 
التوثيقأربع خطوات: انسخ المكوّن، ركّبه بالـCLI، اربطه بمحرّرك، ثم نقاط النهاية لمن يريد البناء فوق السجل.
ماجيستيك — مبيعات ميدانية ونقاط بيع
لا تزال تقرأ؟
إذن من الأفضل أن نتحدث. ثلاثون دقيقة، مجانًا، بلا عرض تقديمي. وأسوأ الاحتمالات أن تخرج برأي ثانٍ.