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

Фронтенд-фреймворк

UI-фреймворк, работающий внутри окна десктопа. Все варианты предварительно настроены с 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

Только фронтенд

Самостоятельные UI-фреймворки для одностраничных приложений и статических сайтов. Включает кнопку пользовательских пакетов для добавления своих 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. Выполнение команды каркаса

Выполняет соответствующий 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) и конкретную модель для генерации кода.

Описание проекта

Напишите подробное описание того, что вы хотите создать. Чем конкретнее вы будете, тем лучше результаты. Включите основные функции, страницы, UI-шаблоны и любые необходимые интеграции.

Хорошие примеры:

  • Сайт электронной коммерции со списком товаров и корзиной
  • Панель управления задачами с канбан-досками
  • Платформа социальных сетей с профилями пользователей и лентами
  • CRM-система с управлением контактами и аналитикой

Используйте кнопку Улучшить с ИИ для автоматического расширения описания с дополнительными деталями. Вы также можете нажать средней кнопкой мыши на значок микрофона, чтобы продиктовать описание голосовым вводом.

Вкладки боковой панели

Левая боковая панель предоставляет дополнительный контекст для ИИ:

Изображения

Загрузите референсные изображения, макеты или скриншоты, чтобы показать ИИ, как должно выглядеть приложение. Перетащите, вставьте через Ctrl+V или нажмите, чтобы добавить. Требуется модель с поддержкой распознавания изображений.

Компоненты

Прикрепите многоразовые компоненты из библиотеки блоков. ИИ включит их в сгенерированный проект.

Файлы

Включите референсные файлы, которые ИИ должен учитывать при генерации (например, существующий код, дизайн-спецификации или схемы данных).

Генерация

Нажмите Сгенерировать Проект в правом верхнем углу, чтобы начать генерацию ИИ. ИИ проанализирует ваше описание и справочные материалы, спланирует архитектуру, сгенерирует структуру файлов и напишет весь исходный код и файлы конфигурации. Прогресс отслеживается в Глобальном Менеджере Задач в реальном времени.

Все сторонние логотипы, товарные знаки и названия брендов, представленные в Kaiju Hub AI, являются собственностью их владельцев. Их использование предназначено исключительно для целей идентификации и не подразумевает одобрения, спонсорства или принадлежности.