Kimi Websites
Kimi Websites is a Kimi Agent product feature powered by the latest Kimi K2.6 multimodal visual agent AI model. Its core capability is Vibe Coding — generating websites from natural language and deploying them online.
By understanding visual inputs (UI mockups, screenshots, interaction videos) and natural language instructions, Kimi translates user input into complete, runnable frontend code — covering not just static UI but also dynamic interactive behavior.
Feature overview
How to use Kimi Websites？
Method 1: visit the Kimi Websites page
- Open browser: Use Chrome, Safari, Edge, Firefox, or any major browser
- Go to: kimi.com/websites (supports Chinese and English)
- Log in: With your Kimi account (phone number or email)
- Enter your task:
- Start building: Choose a template or start from conversation
Method 2: mobile app
iOS, Android, and HarmonyOS all have the official Kimi app. In the input area, tap the Taskbar → switch to Websites Agent mode, which includes multimodal generation tools and Agent capabilities.
Method 3: use K2.6 Agent mode
Switch to K2.6 Agent mode and enter a website-building task. Kimi will invoke its visual coding capabilities and code execution tools.
How do Kimi Websites work?
Step 1: create a website via conversation
Describe your needs in natural language. Three creation methods are supported:
Example prompt:
Step 2: building process
Kimi website activates the webapp-building SKILL — a dedicated multi-round code-generation agent:
- Requirement analysis: Analyzes website modules, visual style, and interaction logic
- Task planning: Decomposes into design, development, and asset preparation sub-tasks
- Tech stack selection: Chooses appropriate architecture (e.g., React + Tailwind CSS)
- Asset generation: Generates images, icons, and other visual assets
- Code construction: Writes page structure, styling, and interaction code
- Multi-round optimization: Self-adjusts based on preview results until complete
Step 3: preview & adjust
- Live preview: Generates an HTML demo URL for immediate browser viewing
- Conversational editing: Continue the conversation to request changes, e.g., "Make the navbar dark"
Example: "The colors aren't great — I'd like to drop the black-and-white requirement and make it a normal-looking website." Kimi will reorganize the to-do list and continue building.
Step 4: visual online edit
- Multi-round optimization: Fine-tune details through ongoing conversation
- Editing modes:
- Annotation mode: Click on areas to add natural-language annotations
- Selection mode: Select any element and add annotations
- Use rectangles, arrows, brushes, and color switching to mark up revision suggestions
- Send all revision suggestions to Kimi at once
Step 5: deploy & publish
After generation, you can:
- Click different deployment versions to download version files
- Click the share button to get a publicly deployed link (or set to private)
- Click the edit button to continue revising
- Download the complete HTML/CSS/JS code for direct deployment or further refinement