Головний хаб
Огляд
Після завершення майстра налаштування ви потрапите до Головного хабу Kaiju Hub AI. Це ваша центральна панель, де ви можете отримати доступ до усіх основних функцій Kaiju Hub AI з одного погляду.
Хаб проєктів
Хаб проєктів — це ваш центральний робочий простір для керування та організації усіх ваших проєктів розробки. Звідси ви можете створювати нові проєкти з нуля, імпортувати існуючі проєкти з локальної машини та клонувати репозиторії безпосередньо з GitHub.
Створити проєкти
Розпочніть цілком новий проєкт з бажаним технологічним стеком та налаштуванням фреймворку.
Імпортувати проєкти
Додайте існуючі проєкти з локальної файлової системи для керування ними в Kaiju Hub AI.
Клонувати з GitHub
Клонуйте будь-який репозиторій GitHub безпосередньо в Kaiju Hub AI — без необхідності виходити з додатку або використовувати командний рядок.
Вайрфрейми
Розділ Вайрфреймів дозволяє створювати та проєктувати вайрфрейми для ваших додатків та веб-сайтів. Ви можете проєктувати їх вручну за допомогою редактора полотна або використовувати ШІ для автоматичної генерації вайрфреймів. Коли вайрфрейм готовий, ви можете надіслати його безпосередньо на генерацію коду — переходячи від дизайну до функціонального коду в безперервному робочому процесі.
Ручний дизайн
Використовуйте вбудований редактор полотна для малювання та розміщення компонентів UI вручну.
Генерація на основі ШІ
Опишіть, що ви хочете, і дозвольте ШІ миттєво створити дизайн вайрфрейму.
Від вайрфрейму до коду
Надішліть завершений вайрфрейм безпосередньо на генерацію коду — без необхідності ручного перекладу.
Новинки
Розділ Новинки — це місце, де ви можете переглянути останні оновлення, функції та оголошення Kaiju Hub AI. Кожного разу, коли виходить нове оновлення, ви отримаєте сповіщення, щоб ніколи не пропустити важливі зміни. Регулярно перевіряйте тут, щоб бути в курсі нових функцій, виправлень помилок та покращень.
Бібліотека блоків
Бібліотека блоків — це система контекстних блоків Kaiju Hub AI. Вона дозволяє додавати, зберігати та керувати багаторазовими контекстними блоками, такими як документація API, фрагменти коду та інше. Ви можете створювати та зберігати блоки для подальшого використання, а потім надсилати їх безпосередньо до ШІ, коли вони потрібні як контекст для генерації коду.
Підтримувані типи контенту
React, SolidJS, Vue, Svelte, Angular, HTML, CSS, шейдери GLSL, Markdown, простий текст, зображення та відео.
Створення груп
Бібліотека блоків організовує блоки в групи. Групи дозволяють категоризувати та керувати пов’язаними блоками разом.
Створити нову групу
Натисніть кнопку "Створити нову групу", щоб відкрити модальне вікно створення груп. Виберіть категорію, введіть назву групи та натисніть "Створити групу", щоб додати її.
Додати контент до груп
Після створення групи ви можете перетягувати файли або вставляти контент безпосередньо в групу для заповнення її блоками.
Створення блоків
Натисніть "Створити новий блок", щоб відкрити подання створення блоків. Звідти у вас є три способи додати контент:
Ручне введення
Вводьте або редагуйте контент блоків вручну безпосередньо в поданні створення.
Вставити контент
Вставте код, текст або інший контент безпосередньо в конструктор блоків.
Створення за допомогою ШІ
Використовуйте ШІ для генерації контенту блоків. Підтримуються React, шейдери GLSL, Svelte, HTML, Vue, Angular, SolidJS та CSS.
Створення блоків на основі ШІ
При використанні ШІ для створення блоків ви можете генерувати різноманітні типи контенту. Окрім коду, ви також можете створювати зображення за допомогою MediaGen або локально за допомогою CompanyUI, а також генерувати відео.
Пряме редагування за допомогою ШІ
Редагуйте існуючі елементи блоків безпосередньо за допомогою ШІ. Надайте інструкції, і ШІ змінить контент на місці.
Створити варіації
Введіть запит та вкажіть, скільки варіацій ви бажаєте. ШІ згенерує кілька альтернативних версій контенту блоку на основі вашого запиту.
Використання блоків
Зберігати контекст
Зберігайте документацію API, фрагменти коду, посилання на дизайн та інші контекстні блоки для повторного використання в усіх проєктах.
Створити медіа
Створюйте та зберігайте зображення, відео та інші мультимедійні ресурси безпосередньо в бібліотеці блоків.
Надіслати до ШІ
Прикріплюйте збережені блоки як контекст при роботі з ШІ — надайте їй саме ту інформацію, яка потрібна для генерації точного коду.
Зворотна розробка
Зворотна розробка — це інструмент Kaiju Hub AI для перетворення зображень у код та зображень у вайрфрейми на основі обмежувальних рамок. Завантажте будь-яке зображення UI, намалюйте або автоматично виявіть обмежувальні рамки навколо елементів, призначте поведінку кожній рамці (наприклад, відкриває модальне вікно, навігує до розділу) та згенеруйте функціональний код або дизайни вайрфреймів з анотованого зображення.
Анотація обмежувальними рамками
Намалюйте або автоматично виявіть обмежувальні рамки навколо елементів UI на будь-якому зображенні, потім призначте інтерактивну поведінку кожній рамці.
Подвійний вивід
Перетворюйте анотовані зображення у функціональний код компонентів для вашого цільового фреймворку або експортуйте як дизайни вайрфреймів для подальшого редагування.