大家好，我是小镇做题家、独立开发者、AI技术观察员，AI编程助理小小程序员-小猿
我会在这里分享关于独立开发、AI编程技术、技术分享等内容，欢迎关注。
个人网站：www.pmmock.com/blog/
技术群、副业群、AI交流群等，想入群可以在我个人网站联系我
如果觉得本文有用，一键三连（点赞、评论、转发），就是对我最大的支持。
事情是这样的：最近为了准备推广我的产品PmMock，目前我的产品虽然已经上线了国内主流的应用市场，但是我一直都不敢去推广我的产品，原因是之前我在做官网的时候，虽然整体框架是完整的，但是图片我还没有截图替换，同时也没有做好移动端的适配，最近有点时间，再加上kimi k2的稳定性，让我有个想法想借助AI对我的官网进行重构，目前是我的官网截图：
说干就干，下面是我当时的操作流程，一步一步来：
直接基于官网进行提问
我直接输入：
为我的PmMock产品优化并更新一个专业的官网首页。这是目前我们官网地址：www.pmmock.com
PmMock是一个免费API全生命周期管理平台，主要功能包括：
- 基于MySql智能化解析的字段规范库
- 基于字段规范库快速设计接口请求和返回结构
- 基于字段规范库智能解析接口调试返回结果的结构解析、数据解释和版本更新
- 提供接口测试用例和返回示例管理，提供接口版本更新与差异化分析管理
- 围绕接口测试用例、返回示例、版本更新、更新记录智能化生成接口文档
- 提供Mock数据支持
- 团队协作
- 替代Postman、Swagger
- 支持Windows和Mac客户端下载
- 支持在线使用
- 目前支持永久免费
需要创建一个专业的官网首页，包含产品介绍、功能特性、下载链接等丰富内容。
色彩要求：以蓝色为主调
内容要求：内容尽可能地丰富
适配要求：要求适配H5进行访问
一顿梭哈，kimi K2 10分钟左右搞定专业官网，以下是部分的截图
其实在这一步的时候，多多少少是已经达到了我的预期，主要的问题主要时在一些文案和数据与实际不符合，在进行移动端适配性的时候，右边空出一段空白，因此我只能让kimi再帮我优化一下
我直接输入：
在移动端展示的时候主页右边空出了一段空白，请帮我修复一下
优化后的结果如下：
优化样式，提升整个网站的level：
帮我以扁平化的样式，优化整个网站的样式，最好使增加一些动态的效果，提升整个站点的视觉效果
优化后的结果如下：
其实到这基本上一个网站时能够达到了我的预期，同时也解决了我之前关于图片内容缺失、移动端适配等问题，
下一期我将如何结合我原始Java的后端代码，集成至项目的springboot项目中去…
