构建应用


image-20261022174225387

构建应用 功能支持通过对话创建网站,并提供预览、修改和发布能力,适用于品牌介绍、作品展示、活动专题与轻量应用等场景。使用时,可先说明网站用途与具体需求,生成初始版本后,根据预览效果逐步完善内容、布局和交互。

创建流程

进入创建页面后,可通过 选择类型 指定类型,或直接输入网站需求。创建前,宜结合实际用途浏览案例,确定页面结构与视觉方向。案例涵盖营销推广、教育、企业工具、创意风格、创意报告、简历/作品集、内容创作等主题,以及游戏、3D、个人工具、看板等内容。

提交需求时,应先明确面向对象、核心用途与主要内容,再补充交互方式、视觉风格及设备适配要求;如有设计稿、参考图片或演示视频,可一并提供,并注明需采用的设计特征。网站名称宜结合品牌与用途,页面品牌文字、浏览器标签页标题及访问网址应分别明确。

通用模板

以下模板中,{} 内的内容为可替换变量。使用时,应围绕实际用途填写,并删除不适用的项目。

请使用构建应用功能创建一个网站,名称为“{网站名称}”。

网站用途:{希望通过网站完成的具体任务}。
面向对象:{主要访客及其使用场景}。
已有资料:{已提供的文字、图片、文档或参考材料;暂无资料时注明}。

页面结构:{单页或多页,以及需要设置的页面、栏目和排列顺序}。
重点内容:{优先展示的信息,以及希望访客首先完成的操作}。
交互要求:{导航跳转、分类筛选、图片放大、表单或计算等操作,并说明预期结果}。

视觉风格:{配色、字体、布局及参考样式}。
设备适配:{电脑、平板和手机的显示与操作要求}。

数据要求:{仅展示资料/临时处理输入/需要长期保存记录;需要保存时,说明保存内容与访问权限}。
内容边界:{必须保留的信息,以及不得自行补充的内容}。
缺失处理:{标注待补充/隐藏对应区域/使用明确标注的示例内容}。

请生成可预览的网站,检查内容、导航、交互及不同设备下的显示效果,并说明已完成事项、未完成要求和待补充资料。
本轮保存待检查版本,暂不发布。

企业官网创建示例

以虚构家具设计工作室“栖木间”为例,创建以服务介绍和作品展示为主的单页网站。示例围绕品牌理念、服务内容、代表作品、合作流程与联系信息展开,不设置在线交易和预约功能。作品与品牌文案均为演示内容,正式使用前应替换为经过确认的资料。

image-20261022180642934

请为虚构家具设计工作室“栖木间”创建一个中文品牌官网,网站名称为“栖木间”。

网站目标:展示家具设计服务与代表作品,使访客了解工作室的设计方向和合作流程。
面向对象:需要定制家具和空间陈设服务的家庭用户与小型商业空间经营者。

品牌名称:浏览器标签页、导航标识、首页与页脚统一使用“栖木间”。
首页标题:为日常生活设计合适的家具。
品牌介绍:我们关注空间尺度、材料质感与日常使用方式,让家具融入具体的生活场景。

页面结构:采用单页网站,依次设置“首页、服务介绍、代表作品、合作流程、联系我们”五个区域。

一、首页
以品牌名称、首页标题和简短介绍为主要内容,搭配家具或室内空间主题图片。
设置“浏览作品”按钮,点击后跳转至代表作品区域。
首屏保留充足留白,避免同时堆放服务列表和全部作品。

二、服务介绍
展示住宅家具设计、商业空间家具设计、软装搭配三项服务。
每项服务提供一句用途说明,不添加价格、交付时限或未经确认的服务承诺。

三、代表作品
设置六张演示作品卡片,分为“住宅”和“商业”两类,每类三张。
每张卡片包含作品名称、类别、图片与简短说明,并标注“概念方案”。
提供“全部”“住宅”“商业”三个筛选项,点击后仅显示对应作品,并突出当前选中的分类。
点击作品图片后放大展示,提供清晰的关闭按钮。

四、合作流程
依次展示需求沟通、方案设计、细节确认、交付跟进四个环节,每项附一句说明。

五、联系我们
设置电话与邮箱展示位置,内容统一标注“待补充”。
电话与邮箱暂不启用点击操作,不添加虚构地址或外部跳转链接。

页脚:展示品牌名称与返回顶部入口。

视觉风格:以米白色为背景、深棕色为主色,采用简洁排版与充足留白;标题与正文层级清晰,避免大面积装饰与持续动画。

图片要求:优先使用提供的素材。缺少作品照片时,使用标注“示意图”的占位图片,并列出需要替换的图片位置。

交互要求:导航和“浏览作品”按钮执行页内跳转;手机端使用折叠菜单,选择栏目后自动收起;跳转后栏目标题完整可见;作品筛选、图片放大、关闭与返回顶部均应正常工作。

设备适配:电脑端作品卡片每行三张,平板端每行两张,手机端每行一张。图片保持比例,文字自然换行,不出现横向滚动、遮挡或内容截断。

内容边界:不得虚构真实客户、获奖经历、经营年限、联系方式或业务数据。
数据要求:以静态展示为主,不设置预约表单、账号系统、支付功能或订单后台,不保存访客主动填写的信息。

请检查品牌名称、文案、导航、作品筛选、图片交互与各设备布局,提供预览,并列出未完成事项与待替换素材。
本轮保存待检查版本,暂不发布。

预览修改

image-20261022180738761

网站生成后,可在预览面板切换桌面端与移动端视图。点击 编辑 选中需要调整的区域,添加意见后发送,也可直接在对话中提出修改要求。提出要求时,应说明具体区域、适用设备、存在的问题及预期效果。

检查时,应同时关注显示效果与实际交互。对于“栖木间”官网,应重点检查品牌名称、作品分类、图片裁切、导航定位与联系方式,并在电脑、平板和手机上分别检查布局与操作。

修改示例

请基于“栖木间”网站当前版本完成以下修改:

首页:
缩短手机端首屏图片高度,让品牌名称、完整标题与“浏览作品”按钮清晰显示。
标题按完整词语换行,避免单字单独占一行。

代表作品:
电脑端每行显示三张卡片,平板端每行两张,手机端每行一张。
调整图片裁切位置,保留家具主体,不拉伸图片。
为当前选中的分类增加深棕色背景与白色文字。

导航与交互:
手机端选择栏目后自动收起菜单。
跳转后完整显示栏目标题。
放大的图片可以正常关闭,关闭按钮始终可见。

联系我们:
保留“待补充”标记,不添加未经提供的联系方式。

保留现有配色、栏目顺序与其他文案。
修改后检查导航、筛选、图片操作和各设备布局,提供预览与变更说明。
本轮暂不发布更新。

发布分享

网站生成、版本保存与公开发布属于不同步骤。保存版本后,可继续预览、检查和修改,网站不会自动公开上线。确认内容与功能无误后,须手动点击 发布,网站才会对外公开;在此之前,未发布的网站仅供预览。

发布前,应核对品牌资料、图片、文案、链接及交互结果,并处理示例素材和待补充内容。以“栖木间”为例,正式对外展示前须补齐联系资料,分别标注概念方案与真实项目,并确认图片和文案可以公开使用。

检查示例

请检查“栖木间”网站当前版本是否具备发布条件。

检查范围:
1. 品牌名称、首页标题、服务介绍与合作流程是否符合已确认资料。
2. 六张作品卡片的名称、类别与图片是否对应,演示作品是否保留“概念方案”标记。
3. 联系方式是否仍有“待补充”内容,图片是否仍有未替换的占位素材。
4. 导航跳转、作品筛选、图片放大、关闭按钮与返回顶部是否正常。
5. 电脑、平板和手机端是否存在内容截断、遮挡或横向滚动。

请列出通过项、需要修复的问题与待补充资料,并注明涉及的位置。
资料缺失时不得自行补写;本轮仅检查,等待我确认后手动发布。

image-20261022182005382

确认无误后,在预览面板点击 发布,再通过 分享 复制公开链接。后续修改形成新版本后,点击 更新发布,将确认后的内容同步至线上。

分享前,应打开发布后的链接,重新检查首页、图片和主要操作,确认实际展示内容与已确认版本一致。

网站管理

网站的版本与访问设置可通过以下入口管理。

管理项目操作与作用
查看版本点击版本卡片中的 预览,查看对应版本
恢复版本点击版本卡片中的 恢复,回退至指定版本
自定义网址在 分享 面板修改平台分配的子域名前缀
取消发布选择 分享 > … > 取消发布,停止对外公开,保留代码与数据

恢复历史版本前,应先打开该版本核对内容,确认需要保留的文字、图片和交互均在其中。恢复后重新检查预览;需要同步线上网站时,再点击 更新发布。网址名称宜简短、易于识别,并在发布后打开链接核对。

文件下载:在对话中打开 全部文件,下载项目代码。需要转交开发人员或自行部署时,应同时说明网站是否使用 Kimi 账号登录和平台数据库;这些平台服务及数据库中的记录不会随代码自动迁移。

数据管理:支持数据库存储、可视化数据管理与用户登录。需要留言报名或记录管理时,应在需求中明确保存字段、查看对象和操作权限。 “栖木间”示例以静态展示为主,无需增加数据录入功能;后续新增表单时,应实际提交测试记录,并在刷新页面后核对保存结果。

后续维护

网站创建后,可在原对话中继续提出内容与样式调整要求。日常维护宜围绕具体目标展开,例如替换作品图片、更新服务介绍、补充联系方式或修正手机端布局。每轮应指定采用的版本、修改范围、保留内容及是否准备发布,便于核对变更结果。

维护示例

请基于“栖木间”网站当前已确认版本,更新代表作品栏目。

更新范围:
1. 使用本次提供的图片与项目说明,替换“住宅”分类中的第一张作品卡片。
2. 同步更新作品名称、简介、缩略图和放大图片,保留原有分类。
3. 检查电脑、平板与手机布局,并确认筛选和图片关闭功能正常。

资料处理:图片与项目说明不一致时,列出具体问题;缺少必要资料时标注待补充,不自行编造。
保留内容:品牌名称、首页文案、服务介绍、栏目顺序、配色与其他作品保持不变。

请提供更新后的预览,说明修改位置与检查结果。
本轮保存待检查版本,暂不更新线上网站。

评论

登录后查看