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) і встановлює всі залежності.

Створено ШІ

Опишіть, що ви хочете створити, і дозвольте ШІ створити весь проект. Ви надаєте текстовий опис і додаткові довідкові зображення, а потім ШІ записує весь вихідний код, файли конфігурації та структуру проекту.

Після налаштування параметрів проекту натисніть Продовжити до Tech Stack щоб продовжити.

Пусті проекти

Пусті проекти призначені для інструментів 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

Frontend Framework

Інтерфейс інтерфейсу, який працює у вікні робочого столу. Усі параметри попередньо налаштовані за допомогою TypeScript.

SolidJS
React
Vue
Svelte
Angular

База даних

Додаткова інтеграція бази даних для локального або хмарного зберігання даних.

Supabase
SQLite
Realm
PostgreSQL
Convex

Веб-проекти

Веб-проекти створюють програми на основі браузера. Почніть з вибору між Лише інтерфейс або Повний стек щоб визначити, які варіанти рамки доступні. Усі фреймворки за замовчуванням підтримують 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

Повний стек

Повні веб-фреймворки з вбудованим рендерингом на стороні сервера та маршрутами 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, з’являється засіб вибору версії 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. Запустіть команду Scaffold

Виконує відповідний інструмент CLI для вибраного стека. Наприклад: npm create vite@latest для React, cargo init для Rust, npx create-tauri-app для Tauri.

3. Встановіть залежності

Запускає команду встановлення менеджера пакунків, щоб завантажити та налаштувати всі необхідні залежності.

4. Ініціалізуйте Git

Налаштовує локальне сховище Git із початковим комітом.

5. Створіть GitHub Repo

Якщо ви пов’язали обліковий запис 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-система з управлінням контактами та аналітикою

Використовуйте Покращення за допомогою AI кнопку, щоб автоматично розширити опис із більш детальною інформацією. Ви також можете клацнути середньою кнопкою миші значок мікрофона, щоб продиктувати свій опис за допомогою голосового введення.

Вкладки бічної панелі

Ліва бічна панель містить додатковий контекст для ШІ:

Зображення

Завантажте еталонні зображення, макети або знімки екрана, щоб показати ШІ, як ви хочете, щоб програма виглядала. Перетягніть і опустіть, вставте за допомогою Ctrl+V або натисніть, щоб додати. Вимагає вибору моделі, яка добре бачить.

компоненти

Додайте багаторазові компоненти зі своєї бібліотеки блоків. ШІ включить їх у створений проект.

Файли

Включайте довідкові файли, які ШІ повинен враховувати під час створення (наприклад, існуючий код, специфікації дизайну або схеми даних).

Генерувати

Натисніть Створити проект у верхньому правому куті, щоб почати генерацію ШІ. ШІ проаналізує ваш опис і довідкові матеріали, спланує архітектуру, створить структуру файлів і напише весь вихідний код і файли конфігурації. Прогрес відстежується в Глобальний диспетчер завдань в реальному часі.

Усі логотипи, торгові марки та назви брендів третіх осіб, що відображаються в Kaiju Hub AI, є власністю їхніх відповідних власників. Їх використання здійснюється виключно з метою ідентифікації та не означає схвалення, спонсорство або афіліацію.