Kaiju Hub AI

إنشاء المشاريع

Create New Project dialog showing Project Name, Project Location, GitHub linking, Choose Platform tiles (Blank, Desktop, Web, Mobile), and Build Type options (Fresh Install, AI-Generated)

إعداد المشروع

انقر على زر + مشروع جديد من لوحة المشاريع لفتح معالج الإنشاء. الشاشة الأولى تكوّن العناصر الأساسية لمشروعك قبل اختيار حزمة التقنيات.

اسم المشروع

أدخل اسماً لمشروعك. يتم التحقق من الاسم في الوقت الفعلي: يجب أن يكون اسم مجلد صالح (بدون أحرف خاصة مثل <>:"/\\|?*) ولا يجب أن يتطابق مع مجلد موجود في الموقع المختار.

موقع المشروع

المجلد الافتراضي حيث سيتم إنشاء مجلد مشروعك. انقر على تصفح لاختيار مجلد مختلف. يتم إنشاء المشروع كمجلد فرعي باستخدام اسم المشروع.

الربط بـ GitHub

اختيارياً حدد حساب GitHub لإنشاء مستودع بعيد تلقائياً مع مشروعك المحلي. اختر "بلا (لا تستخدم GitHub افتراضياً)" لتخطي هذا.

اختيار المنصة

حدد واحدة من أربع منصات لتحديد نوع المشروع الذي ستبنيه. تعرض كل منصة مجموعة مختلفة من خيارات إطار العمل وحزمة التقنيات في الشاشة التالية.

فارغ

أدوات CLI والسكربتات والمكتبات

سطح المكتب

تطبيقات سطح المكتب الأصلية

الويب

تطبيقات قائمة على المتصفح

الهاتف

تطبيقات الأجهزة المحمولة

نوع البناء

اختر كيفية تهيئة المشروع:

تثبيت جديد

يولد هيكل مشروع جديد باستخدام أدوات إطار العمل القياسية. ينفذ Kaiju Hub AI أوامر CLI المناسبة (مثلاً npm create vite@latest و cargo init و npx create-tauri-app) ويثبت جميع التبعيات.

مولّد بالذكاء الاصطناعي

صف ما تريد بناءه ودع الذكاء الاصطناعي يولد المشروع بالكامل. تقدم وصفاً نصياً وصور مرجعية اختيارية، ثم يكتب الذكاء الاصطناعي جميع الكود المصدري وملفات التكوين وهيكل المشروع.

بعد تكوين المشروع، انقر على متابعة إلى حزمة التقنيات للمتابعة.

مشاريع فارغة

المشاريع الفارغة مخصصة لأدوات CLI والسكربتات والتطبيقات المستقلة ومشغلات اللغات المحددة. اختر لغتك أو بيئة التشغيل وسيولد Kaiju Hub AI هيكل مشروع بسيط.

Tech Stack selection for Blank projects showing language options: Empty, Node.js, Python, Rust, C++, Lua, Luau, NestJS, Go, Express, Bun, Deno with Python version selector

خيارات اللغة / بيئة التشغيل

Empty
Node.js
Python
Rust
C++
Lua
Luau
NestJS
Go
Express
Bun
Deno

بعض اللغات تتضمن محددات إصدار. على سبيل المثال، عند اختيار Python تظهر خيارات الإصدار (3.10 و 3.11 و 3.12 و 3.13 و 3.14 و 3.15). يحدد الإصدار المحدد مفسر Python المستخدم لإنشاء البيئة الافتراضية.

مشاريع سطح المكتب

تنشئ مشاريع سطح المكتب تطبيقات سطح مكتب أصلية. اختر إطار عمل سطح المكتب وإطار عمل الواجهة الأمامية للواجهة واختيارياً قاعدة بيانات. تأتي جميع أطر عمل الواجهة الأمامية معدة مسبقاً مع TypeScript.

Tech Stack selection for Desktop projects showing Desktop Framework (Tauri + Rust, Electron, Flutter + Dart), Frontend Framework (SolidJS, React, Vue, Svelte, Angular), and Database options

إطار عمل سطح المكتب

إطار العمل الأصلي الذي يوفر نافذة سطح المكتب وواجهات API على مستوى النظام.

Tauri + Rust
Electron
Flutter + Dart

إطار عمل الواجهة الأمامية

إطار عمل واجهة المستخدم الذي يعمل داخل نافذة سطح المكتب. جميع الخيارات معدة مسبقاً مع TypeScript.

SolidJS
React
Vue
Svelte
Angular

قاعدة البيانات

تكامل قاعدة بيانات اختياري للتخزين المحلي أو السحابي.

Supabase
SQLite
Realm
PostgreSQL
Convex

مشاريع الويب

تنشئ مشاريع الويب تطبيقات قائمة على المتصفح. ابدأ بالاختيار بين الواجهة الأمامية فقط أو Full-Stack لتحديد خيارات إطار العمل المتاحة. جميع أطر العمل لديها TypeScript مفعل افتراضياً.

Tech Stack for Web projects in Frontend Only mode showing SolidJS, React, Vue, Svelte, Angular, Preact + Styling and Database options

الواجهة الأمامية فقط

أطر عمل واجهة مستخدم مستقلة لتطبيقات الصفحة الواحدة والمواقع الثابتة. يتضمن زر حزم مخصصة لإضافة حزم npm الخاصة بك.

SolidJS
React
Vue
Svelte
Angular
Preact
Tech Stack for Web projects in Full-Stack mode showing SolidStart, Next.js, Nuxt.js, SvelteKit, Fresh, Astro, TanStack Start, WordPress

Full-Stack

أطر عمل ويب كاملة مع تصيير من جانب الخادم ومسارات API مدمجة.

SolidStart
Next.js
Nuxt.js
SvelteKit
Fresh
Astro
TanStack Start
WordPress

الأنماط

Tailwind CSS

قاعدة البيانات

Supabase
Firebase
Prisma
Convex

مشاريع الهاتف

تنشئ مشاريع الهاتف تطبيقات لأجهزة iOS و Android. حدد إطار عمل هاتف وإصدار SDK واختيارياً قاعدة بيانات.

Tech Stack for Mobile projects showing Expo, React Native CLI, Flutter, Ionic, Capacitor, Android Native (Kotlin) with SDK version selector and Database options

إطار عمل الهاتف

اختر إطار العمل لتطبيقك الهاتفي. يظهر محدد إصدار SDK لأطر العمل التي تدعم إصدارات هدف متعددة.

Expo
React Native CLI
Flutter
Ionic
Capacitor
Android Native (Kotlin)

إصدار SDK

لأطر عمل مثل Expo، حدد إصدار SDK (مثلاً 52 و 53 و 54 و 55). يحدد هذا التبعيات الأساسية وتوافق API.

قاعدة البيانات

قاعدة بيانات سحابية أو محلية اختيارية لتطبيقك الهاتفي.

Supabase
Firebase Firestore
SQLite
Realm
WatermelonDB

تثبيت جديد

عندما تختار تثبيت جديد كنوع بناء، يولد Kaiju Hub AI هيكل مشروعك باستخدام أدوات إطار العمل القياسية. بعد اختيار حزمة تقنياتك، انقر على إنشاء المشروع وسيتولى Kaiju Hub AI الباقي.

ما يحدث

1. اكتشاف مدير الحزم

يكتشف Kaiju Hub AI تلقائياً مدير الحزم المثبت على نظامك (npm أو yarn أو pnpm).

2. تنفيذ أمر الهيكل

ينفذ أداة CLI المناسبة لحزمة تقنياتك المختارة. مثلاً: npm create vite@latest لـ React و cargo init لـ Rust و npx create-tauri-app لـ Tauri.

3. تثبيت التبعيات

ينفذ أمر تثبيت مدير الحزم لتنزيل وتكوين جميع التبعيات المطلوبة.

4. تهيئة Git

يُعد مستودع Git محلي مع التزام أولي.

5. إنشاء مستودع GitHub

إذا ربطت حساب GitHub، ينشئ تلقائياً مستودعاً بعيداً ويرفع الالتزام الأولي.

يظهر المشروع في لوحة المشاريع بمجرد اكتمال الإنشاء، جاهز للفتح والبدء في البرمجة.

مولّد بالذكاء الاصطناعي

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

AI Generation screen showing model selector, project description input, Images/Components/Files tabs in the sidebar, and Generate Project button

اختيار نموذج الذكاء الاصطناعي

في أعلى شاشة التوليد، حدد مزود ذكاء اصطناعي ونموذج. يمكنك الاختيار من أي مزود مُعد (OpenAI و Anthropic و Gemini و Grok و DeepSeek و Ollama) وتحديد النموذج المحدد لاستخدامه في توليد الكود.

وصف المشروع

اكتب وصفاً مفصلاً لما تريد بناءه. كلما كنت أكثر تحديداً، كانت النتائج أفضل. ضمّن الميزات الرئيسية والصفحات وأنماط الواجهة وأي تكاملات تحتاجها.

أمثلة جيدة:

  • موقع تجارة إلكترونية مع قوائم منتجات وعربة تسوق
  • لوحة إدارة مهام مع لوحات كانبان
  • منصة تواصل اجتماعي مع ملفات مستخدم وتغذيات
  • نظام CRM مع إدارة جهات الاتصال والتحليلات

استخدم زر تحسين بالذكاء الاصطناعي لتوسيع وصفك تلقائياً بمزيد من التفاصيل. يمكنك أيضاً النقر بالزر الأوسط على أيقونة الميكروفون لإملاء وصفك باستخدام الإدخال الصوتي.

تبويبات الشريط الجانبي

يوفر الشريط الجانبي الأيسر سياقاً إضافياً للذكاء الاصطناعي:

الصور

ارفع صور مرجعية أو نماذج أو لقطات شاشة لإظهار الذكاء الاصطناعي كيف تريد أن يبدو التطبيق. اسحب وأفلت أو الصق بـ Ctrl+V أو انقر لإضافتها. يتطلب نموذجاً بقدرة رؤية محدداً.

المكونات

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

الملفات

ضمّن ملفات مرجعية يجب أن يأخذها الذكاء الاصطناعي بعين الاعتبار أثناء التوليد (مثلاً كود موجود أو مواصفات تصميم أو مخططات بيانات).

توليد

انقر على توليد المشروع في الزاوية العلوية اليمنى لبدء التوليد بالذكاء الاصطناعي. سيحلل الذكاء الاصطناعي وصفك والمواد المرجعية ويخطط البنية ويولد هيكل الملفات ويكتب جميع الكود المصدري وملفات التكوين. يتم تتبع التقدم في مدير المهام العام في الوقت الفعلي.

جميع الشعارات والعلامات التجارية والأسماء التجارية التابعة لجهات خارجية المعروضة في Kaiju Hub AI هي ملك لأصحابها. استخدامها هو فقط لأغراض تحديد الهوية ولا يعني التأييد أو الرعاية أو الانتماء.