Kimi Websites Feature Overview

What Is Kimi Websites

Kimi Websites is the full-stack website-building product of Kimi Agent, powered by Kimi K3, 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 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, select the K3 model 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

Preview Panel Interface

After the website is generated, the preview panel opens on the right, and version cards also appear in the conversation. The main operation entries are as follows:

Preview panel top toolbar (from left to right):

Version cards in the conversation: Display the site name, version number (such as V2), and URL. Click Preview to open the corresponding version; click Restore to roll back to that version. The All Files card lets you view or download the complete project files. For detailed usage of each button, see the corresponding sections below.

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

About "Custom URL": 3–30 characters, lowercase letters, numbers, and hyphens only. Cannot start or end with a hyphen, and cannot consist entirely of numbers. Some reserved words (such as kimi, www, login, etc.) are unavailable. If occupied or unavailable, please choose another name.

About the boundaries of "Download and deploy": Kimi account login and platform-managed cloud database are provided by the Kimi platform and will not migrate with the exported code. If you deploy the code to your own server, the login method must be changed to a username/password scheme based on your own database, and data must also be migrated to your own database. For public access only, we recommend using One-click publish directly, and Kimi account login and cloud data will continue to work normally. See Why doesn't the website I created work? for details.

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.

Publish, Share, and Unpublish

Before publishing, the website can only be previewed in the conversation. To allow others to access it, click Share in the upper-right corner of the preview panel to open the publish panel:

1. Custom URL: You can modify the name in the default URL, for example changing it to yourname.ok.kimi.link;
2. Click Copy Link to get the public URL, or click Open Website to view it in a new tab. After publishing, the panel top displays Published, and anyone with the link can access it;
3. To take the site offline, select Unpublish from the … menu in the upper-right corner of the panel. The site will no longer be publicly accessible (code and data are retained, and you can republish at any time).

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