الوصف
تساعد CodeRocket UI المطورين على بناء مكتبة مكونات تبدو مثل علامتهم التجارية بدلاً من البدء من لوحة فارغة. يتحول وصف قصير للمنتج إلى اتجاه تصميم مقترح (لون العلامة التجارية، نصف القطر، الكثافة)، والذي يراجعه المستخدم قبل تطبيقه عبر النظام.
قراءة المزيد
تعمل سير العمل الأساسية في ثلاث مراحل. أولاً، وصف المنتج ومراجعة اقتراح التصميم الذي تم إنشاؤه بواسطة الذكاء الاصطناعي والذي يغطي اللون، والطباعة، والمسافات، والكثافة. ثانيًا، تحسين النظام بصريًا أو باستخدام إرشادات، وتحرير المكتبة بالكامل دفعة واحدة أو إعادة تصميم مكون واحد بمفرده. ثالثًا، إدخال النتيجة في قاعدة الشيفرة الحقيقية: تنزيل المصدر مباشرة أو تثبيته من خلال سجل خاص.
تغطي المكتبة نفسها 48 مكونًا و 26 كتلة واجهة (أزرار، نماذج، حوارات، صناديق مدمجة، تقاويم، جداول بيانات والمزيد)، مبنية على Base UI بسلوك عملي يمكن تجربته قبل التصدير. يتم شحن المكونات كمصدر قابل للتعديل لـ React أو Vue بالإضافة إلى TypeScript، والكود المصدر المصدّر لا يحمل أي اعتماد وقت التشغيل على CodeRocket UI: يمكن تحريره، واستضافته في أي مكان، واستخدامه بشكل مستقل بموجب ترخيص MIT. المكتبة المفتوحة المصدر التي تدعم المنتج منشورة على GitHub.
تتصل CodeRocket UI أيضًا بوكلاء البرمجة. تتيح واجهة سطر الأوامر، والسجل الخاص، واتصال MCP لـ Codex وClaude Code وCursor قراءة الرموز التصميمية المحفوظة والمكونات الموجودة في المشروع، بحيث يمكن لوكيل العثور على زر أو بطاقة وإعادة استخدامهما بدلاً من إنشاء جديد من الصفر، مع تغطية تعليمات الإعداد في الوثائق.
تتضمن التسعيرة فئتين. تتضمن الخطة المجانية المحرر الكامل، وفهرس المكونات، وتصدير المصدر القابل للتعديل، بالإضافة إلى خمسة توليدات مدعومة بالذكاء الاصطناعي كحد أقصى كإذن تجريبي لمرة واحدة لكل حساب. تضيف الفئة الاحترافية 100 توليد مدعوم بالذكاء الاصطناعي لكل شهر تقويمي UTC طالما أن الوصول المدفوع نشط؛ يتم ترتيبها شخصيًا؛ يتم الاتفاق على السعر ومدة الوصول قبل الدفع ويتم تفعيل الحساب يدويًا، دون فواتير تلقائية. تشترك طلبات الذكاء الاصطناعي في كلا الفئتين في حد الخدمة، ولا يزال المحرر والتصدير يعملان إذا كانت توليد الذكاء الاصطناعي غير متاحة مؤقتًا.
يدعم React و Vue اليوم بنفس الرموز التصميمية وسير العمل المدعوم بالذكاء الاصطناعي؛ تم إدراج Svelte و SolidJS كإطارات مخطط لها. تستهدف CodeRocket UI المطورين والفرق الصغيرة الذين يرغبون في نظام تصميم متسق عبر قاعدة الشيفرة قبل البدء في بناء الشاشات، بدلاً من أن تكون أداة لبناء المواقع أو مولد تطبيقات عام.
- الفئةمنشئو التطبيقات بالذكاء الاصطناعي
- نموذج التسعيرمفتوح المصدر
- النشرقابل للاستضافة الذاتية
- المنصاتالويب
الميزات الأساسية لـ CodeRocket
اقتراح تصميم تم إنشاؤه بواسطة الذكاء الاصطناعي (اللون، الطباعة، المسافات، الكثافة) من وصف منتج قصير
48 مكونًا لـ React و Vue بالإضافة إلى 26 كتلة واجهة مبنية على Base UI
محرر بصري لإعادة تصميم النظام بالكامل أو مكون واحد
تكوين الذكاء الاصطناعي لمكونات جديدة (نماذج، بطاقات، لوحات) من العناصر الأولية الموجودة
تصدير مصدر TypeScript القابل للتعديل بموجب ترخيص MIT، بدون اعتماد وقت التشغيل
واجهة سطر الأوامر وسجل خاص لتثبيت المكتبة في مشروع حقيقي
اتصال MCP بحيث يمكن لوكلاء البرمجة (Codex، Claude Code، Cursor) قراءة الرموز التصميمية المحفوظة والمكونات
مستكشف مكونات مباشر لتجربة السلوك قبل التصدير
كيفية استخدام CodeRocket؟
وصف منتجك: قدم اتجاهًا قصيرًا وراجع الألوان والطباعة والمسافات المقترحة من الذكاء الاصطناعي
تحسين النظام: تحرير بصريًا أو باستخدام إرشادات، على مستوى النظام أو على مكون واحد
استكشاف الفهرس: جرب 48 مكونًا و 26 كتلة وسلوكها الحقيقي قبل التصدير
تكوين ما هو مفقود: وصف نموذج جديد، بطاقة أو لوحة ودع الذكاء الاصطناعي يجمعها من المكونات الموجودة
شحنه: تنزيل المصدر القابل للتعديل أو التثبيت من خلال السجل الخاص في مشروعك
ربط وكيل البرمجة الخاص بك: إضافة اتصال MCP أو سجل بحيث يمكن لـ Codex أو Claude Code أو Cursor إعادة استخدام مكوناتك
حالات استخدام CodeRocket
- نظام تصميم جديد
- تسليم وكيل البرمجة
- تصدير مكتبة المكونات
- تجميع مكونات مخصصة
