Главная страница
Обзор
После завершения мастера настройки вы попадёте на главную страницу Kaiju Hub AI. Это ваша центральная панель управления, где вы можете получить доступ ко всем основным функциям Kaiju Hub AI с первого взгляда.
Центр проектов
Центр проектов является вашим центральным рабочим пространством для управления и организации всех ваших проектов разработки. Отсюда вы можете создавать новые проекты с нуля, импортировать существующие проекты с вашего локального компьютера и клонировать репозитории непосредственно из GitHub.
Создание проектов
Начните совершенно новый проект с предпочитаемым технологическим стеком и конфигурацией фреймворка.
Импорт проектов
Перенесите существующие проекты из вашей локальной файловой системы для управления ими внутри Kaiju Hub AI.
Клонирование из GitHub
Клонируйте любой репозиторий GitHub непосредственно в Kaiju Hub AI — не нужно покидать приложение или использовать командную строку.
Вайрфреймы
Раздел вайрфреймов позволяет вам создавать и проектировать вайрфреймы для ваших приложений и веб-сайтов. Вы можете проектировать их вручную с помощью редактора холста или использовать ИИ для автоматической генерации вайрфреймов. Когда ваш вайрфрейм будет готов, вы можете отправить его непосредственно для генерации кода — от дизайна к рабочему коду в одном бесшовном процессе.
Ручной дизайн
Используйте встроенный редактор холста для рисования и размещения компонентов пользовательского интерфейса вручную.
Генерация с помощью ИИ
Опишите, что вы хотите, и позвольте ИИ мгновенно создать для вас макет вайрфрейма.
Вайрфрейм в код
Отправьте готовый вайрфрейм непосредственно на генерацию кода — ручной перевод не требуется.
Что нового
Раздел «Что нового» — это место, где вы можете увидеть последние обновления, функции и объявления Kaiju Hub AI. Каждый раз при выходе нового обновления вы получите уведомление, чтобы не пропустить важные изменения. Регулярно проверяйте этот раздел, чтобы быть в курсе новых функций, исправлений ошибок и улучшений.
Библиотека блоков
Библиотека блоков — это система контекстных блоков Kaiju Hub AI. Она позволяет добавлять, хранить и управлять многоразовыми контекстными блоками, такими как документация API, фрагменты кода и многое другое. Вы можете создавать и сохранять блоки для последующего использования, а затем отправлять их непосредственно в ИИ, когда они нужны как контекст для генерации кода.
Поддерживаемые типы контента
React, Solid.js, Vue, Svelte, Angular, HTML, CSS, GLSL shaders, Markdown, plain text, изображения, и видео.
Создание групп
Библиотека блоков организует блоки в группы. Группы позволяют категоризировать и управлять связанными блоками вместе.
Создать новую группу
Нажмите кнопку «Создать новую группу», чтобы открыть модальное окно создания группы. Выберите категорию, введите имя группы и нажмите «Создать группу», чтобы добавить её.
Добавление контента в группы
После создания группы вы можете перетаскивать файлы или вставлять контент непосредственно в группу для заполнения её блоками.
Создание блоков
Нажмите «Создать новый блок», чтобы открыть представление создателя блоков. Оттуда у вас есть три способа добавить контент:
Ручной ввод
Пишите или редактируйте содержимое блока вручную непосредственно в представлении создателя.
Вставка контента
Вставьте код, текст или другой контент непосредственно в the block creator.
Создание с помощью ИИ
Используйте ИИ для генерации содержимого блоков. Поддерживает React, GLSL-шейдеры, Svelte, HTML, Vue, Angular, Solid.js и CSS.
Создание блоков с помощью ИИ
При использовании ИИ для создания блоков вы можете генерировать широкий спектр типов контента. Помимо кода, вы также можете создавать изображения с помощью MediaGen или локально с помощью ComfyUI и генерировать видео.
Прямое редактирование с помощью ИИ
Редактируйте существующие элементы блоков непосредственно с использованием ИИ. Предоставьте инструкции, и ИИ изменит содержимое на месте.
Создание вариаций
Введите промпт и укажите, сколько вариаций вы хотите. ИИ сгенерирует несколько альтернативных версий содержимого блока на основе вашего промпта.
Использование блоков
Хранение контекста
Сохраняйте документацию API, фрагменты кода, дизайн-ссылки и другие контекстные блоки для повторного использования между проектами.
Создание медиа
Создавайте и сохраняйте изображения, видео и другие медиа-ресурсы непосредственно в библиотеке блоков.
Отправка в ИИ
Прикрепляйте сохранённые блоки как контекст при работе с ИИ — дайте ему именно ту информацию, которая нужна для генерации точного кода.
Обратная разработка
Обратная разработка — это инструмент Kaiju Hub AI для преобразования изображений в код и вайрфреймы с помощью ограничивающих рамок. Загрузите любое изображение UI, нарисуйте или автоматически определите ограничивающие рамки вокруг элементов, назначьте поведение для каждой рамки (например, открытие модального окна, переход к разделу) и сгенерируйте рабочий код или макеты вайрфреймов из аннотированного изображения.
Аннотация ограничивающими рамками
Нарисуйте или автоматически обнаружьте ограничивающие рамки вокруг элементов пользовательского интерфейса на любом изображении, затем назначьте интерактивное поведение для каждой рамки.
Двойной вывод
Конвертируйте аннотированные изображения в рабочий код компонентов для вашего целевого фреймворка или экспортируйте как макеты вайрфреймов для дальнейшего редактирования.