Kimi Websites Feature Overview

What Is Kimi Websites

Kimi Websites is the full-stack website-building product of Kimi Agent, powered by Kimi K2.6, a multimodal visual agentic AI model. Its core capability is visual programming (Vibe Coding): you can generate a complete full-stack website from natural language, a design mockup, or a screen recording, then preview it online and publish it with one click.

Websites generated by Kimi Websites can include:

• Frontend: HTML page structure, CSS layouts and styling, and JavaScript interaction logic (motion effects, animations, etc.)
• Backend: Persistent database storage, user login, and authentication
• Engineering: Automatic version management, full-stack preview, and public deployment

Product Features

How to Use

Method 1: Access on the Web

Visit the dedicated Kimi Websites page

1. Open a browser: Use a mainstream browser such as Chrome, Safari, Edge, or Firefox.
2. Open the official access address: Kimi Websites dedicated page: https://www.kimi.com/zh/websites (supports both Chinese and English interfaces)
3. Log in to your account: Sign in with a Kimi account (registration with mobile number or email is supported)
4. Enter your website-building task. Kimi Websites provides three main ways to build a website:
   1. Text input: Enter the task in the dialog box and describe the website you want in natural language;
   2. Image/website remix: Upload a design mockup or a screenshot of a website you like to trigger the corresponding feature;
   3. Template-based website building: Quickly create a standard website by choosing a preset template and editing the content;
5. Start building: Enter the Websites feature interface, choose a template, or create directly through conversation.

Method 2: Access from the Mobile App

Select the dedicated website tool in the mobile App

Official Apps are available for iOS, Android, and HarmonyOS (app name: “Kimi”). Above the input box, tap the toolbar (Taskbar) → switch to Websites Agent mode. It includes multimodal generation tools and Agent capabilities, allowing you to provide visual input and generate frontend code.

Method 3: General Agent Mode

In general Agent mode, enter your website-building requirements

On the official website or a mobile device, switch to K2.6 Agent mode and enter task instructions related to building a website. Kimi will invoke visual programming capabilities and code execution tools.

Steps

Create a Website Through Conversation

Describe what you need in natural language in the input box, and Kimi will understand and execute it. Three creation methods are supported:

Practical Example

Text

Website-Building Workflow Overview

Text

Kimi Websites activates webapp-building SKILL, a multi-turn code generation agent dedicated to website construction. It autonomously carries out the following workflow:

1. Requirement parsing: Automatically analyzes website feature modules, visual style, and interaction logic
2. Task planning: Breaks the work down into subtasks such as design, development, and asset preparation
3. Technical solution: Automatically selects a suitable technical architecture (such as React + Tailwind CSS)
4. Asset generation: Generates visual assets such as images and icons as needed
5. Code construction: Writes page structure, styling, and interaction code
6. Multi-turn optimization: Adjusts autonomously based on the preview until the website is complete

Preview and Adjust

• Real-time preview: Generates an HTML demo URL that you can open in a browser right away
• Conversational edits: Continue the conversation to request changes, such as “change the navigation bar to a dark style”

Real Example

Text

Visual Editing

• Multi-turn optimization: Fine-tune website details through continuous conversation
• Ways to edit:
  • Annotation mode: Click the part of the webpage you want to change and add comments in natural language
  • Selection mode: Select any element on the webpage and add comments
  • Use rectangles, arrows, brushes, color switching, and other selection and editing tools to add suggested changes
• After adding annotations in multiple places, add them to the conversation and send all suggestions to Kimi at once

Code Deployment and Publishing

Version-Specific Preview

After generation is complete, you will enter the preview page. In the preview interface, you can click different deployment versions and download files for different versions.

Share

Click the share button to obtain the publicly deployed link, then copy and share it. You can also set the site to private visibility.

Multi-Turn Editing

If you are not satisfied with a specific part, click the edit button in the preview window to keep refining it. You can also send instructions to Kimi in natural language and continue editing with Agent. Once you confirm the result, download the complete HTML/CSS/JS code and deploy it directly, or continue polishing it in an editor.

Who It’s For

• Developers: Design product prototypes and frontend demos, greatly reducing the time needed to build from scratch.
• Entrepreneurs: Quickly build official websites, landing pages, and product showcase pages when resources are limited.
• Product managers: Quickly turn a PRD or design mockup into an interactive prototype that can be demonstrated, without waiting for development scheduling.
• Non-technical users: No coding knowledge is required. Describe your idea or upload a reference image, and go from concept to a runnable webpage.

Example Prompts

You can refer to the following scenarios and prompts to generate content