Kimi 网站功能介绍
Kimi Websites 网站是什么
Kimi Websites 是 Kimi Agent 的全栈建站产品，由 Kimi K2.6 多模态视觉代理 AI 模型驱动。核心能力是可视化编程（Vibe Coding）——用自然语言、设计图或录屏即可生成完整的全栈网站，并支持在线预览与一键发布。
Kimi Websites 生成的网站涵盖：
- 前端：HTML 页面结构、CSS 样式布局、JavaScript 交互逻辑（动效、动画等）
- 后端：数据库持久化存储、用户登录与认证
- 工程化：自动版本管理、全栈预览、公网部署
产品功能说明
如何使用
方法一：网页访问
访问 Kimi Websites 专属页面
- 打开浏览器：使用 Chrome、Safari、Edge、Firefox 等主流浏览器，
- 打开官方访问地址：Kimi Websites 专属页面：https://www.kimi.com/zh/websites（支持中文/英文两种界面）
- 登录账号：使用 Kimi 账号登录（支持手机号、邮箱注册）
- 输入建站任务，Kimi Websites 提供三种主要建站方式：
- 文字输入：在对话框中输入任务，用自然语言描述想要的网站效果；
- 图片/网站复刻：通过上传设计稿/喜欢网站的截图触发对应功能；
- 模板建站：快速搭建标准网站，选择预设模板，修改内容即可；
- 开始建站：进入 Websites 功能界面，选择模板或直接对话创建。
方法二：移动 App 访问
移动 App 选择专属网站工具
iOS/Android/鸿蒙 均有官方 App（应用名“Kimi”），在输入框上方，点击工具栏（Taskbar）→ 切换至网站（Websites）Agent 模式，内含多模态生成工具与 Agent 功能，可进行视觉输入并生成前端代码。
方法三：通用 Agent模式
在通用 Agent 模式下，输入建站任务需求
在官网或移动设备，切换到 K2.6 Agent 模式，并输入建立网站相关的任务指令，Kimi 会调用视觉编程能力和代码执行工具。
操作步骤
对话创建网站
在输入框中用自然语言描述需求，Kimi 即可理解并执行。支持三种创建方式：
实际案例演示
Text
建站流程概览
Text
Kimi Websites 会激活 webapp-building SKILL，这是一个专门用于网站构建的多轮代码生成代理，用于自主执行流程：
- 需求解析：自动分析网站功能模块、视觉风格、交互逻辑
- 任务规划：自主拆解为设计、开发、素材准备等子任务
- 技术方案：自动选择适配的技术架构（如 React + Tailwind CSS）
- 素材生成：按需生成图片、图标等视觉素材
- 代码构建：编写页面结构、样式与交互代码
- 多轮优化：根据预览效果自主调整，直至完成
预览与调整
- 实时预览：生成 HTML 演示地址，可立即在浏览器中查看效果
- 对话修改：继续对话要求调整，如“把导航栏改成深色”
真实案例
Text
可视化编辑
- 多轮优化：通过持续对话精细调整网站细节
- 修改方式：
- 标注模式：在网页上，点击需要修改的地方，用自然语言添加批注
- 选择模式：可以选择网页上的任意元素，并添加批注
- 通过矩形、箭头、画笔、切换颜色等多种选择框，修改工具，添加修改建议
- 在多处完成批注后，将批注添加到对话，一次性给 Kimi 发出修改建议
代码部署与发布
分版本预览
生成完毕后进入预览页面， 可在预览界面，点击不同部署版本，下载不同版本文件。
分享
点击分享按钮，可以获得公开部署的链接，并进行复制分享。也可以选择设置为私密可见。
多轮修改
如果局部不满意，在预览窗口点击编辑按钮，继续修改。 也可以用自然语言发送给Kimi，继续用Agent进行修改。 确认效果后下载完整的 HTML/CSS/JS 代码，可直接部署或继续用编辑器精修。
适用人群
- 开发者： 设计产品原型图、前端Demo，大幅节省从零搭建的时间。
- 创业者： 在资源有限的情况下快速搭建官网、落地页、产品展示页。
- 产品经理： 快速把 PRD 或设计稿变成可演示的交互原型，无需等开发排期。
- 非技术用户： 不需要懂代码，描述想法或上传参考图，即可从创意直达可运行网页。
示例提示词
你可以参考以下场景和提示词生成内容