Kimi Websites

Понимая визуальные материалы (UI-макеты, скриншоты, видео взаимодействий) и инструкции на естественном языке, Kimi превращает запрос пользователя в полноценный исполняемый frontend-код — не только со статическим UI, но и с динамическим интерактивным поведением.

Обзор функций

Как пользоваться Kimi Websites?

Способ 1: открыть страницу Kimi Websites

1. Откройте браузер: используйте Chrome, Safari, Edge, Firefox или любой другой популярный браузер
2. Перейдите на: kimi.com/websites (поддерживаются китайский и английский языки)
3. Войдите в аккаунт: используйте свой аккаунт Kimi (номер телефона или электронную почту)
4. Введите задачу:

5. Начните создание: выберите шаблон или начните с диалога

Способ 2: мобильное приложение

Для iOS, Android и HarmonyOS есть официальное приложение Kimi. В области ввода нажмите панель задач → переключитесь в режим Websites Agent: в нем доступны инструменты мультимодальной генерации и агентные возможности.

Способ 3: использовать режим K2.6 Agent

Переключитесь в режим K2.6 Agent и введите задачу на создание сайта. Kimi задействует свои возможности визуального кодинга и инструменты выполнения кода.

Как работает Kimi Websites?

Шаг 1: создайте сайт через диалог

Опишите, что вам нужно, на естественном языке. Поддерживаются три способа создания:

Пример запроса:

Text

Шаг 2: процесс создания

Kimi Websites активирует SKILL для создания webapp — специализированный многошаговый агент генерации кода:

1. Анализ требований: анализирует модули сайта, визуальный стиль и логику взаимодействий
2. Планирование задач: разбивает работу на подзадачи по дизайну, разработке и подготовке ресурсов
3. Выбор технологического стека: подбирает подходящую архитектуру (например, React + Tailwind CSS)
4. Генерация ресурсов: создает изображения, иконки и другие визуальные материалы
5. Построение кода: пишет структуру страниц, стили и код взаимодействий
6. Многошаговая оптимизация: самостоятельно корректирует результат по итогам предпросмотра до завершения работы

Шаг 3: предпросмотр и правки

• Предпросмотр в реальном времени: создает URL HTML-демо для мгновенного просмотра в браузере
• Редактирование через диалог: продолжайте разговор и просите внести изменения, например: "Сделай навигационную панель темной"

Шаг 4: визуальное онлайн-редактирование

• Многошаговая оптимизация: уточняйте детали в продолжающемся диалоге
• Режимы редактирования:
  • Режим аннотаций: нажимайте на области и добавляйте комментарии на естественном языке
  • Режим выбора: выбирайте любой элемент и добавляйте комментарии
  • Используйте прямоугольники, стрелки, кисти и переключение цветов, чтобы отмечать предложения по правкам
• Отправьте все предложения по правкам Kimi одним сообщением

Шаг 5: развертывание и публикация

После генерации вы можете:

• Нажимать на разные версии развертывания, чтобы скачивать файлы версий
• Нажать кнопку «Поделиться», чтобы получить публичную ссылку на развернутый сайт (или сделать его приватным)
• Нажать кнопку редактирования, чтобы продолжить доработку
• Скачать полный HTML/CSS/JS-код для прямого развертывания или дальнейшей доработки

Для кого это

Примеры сценариев