手把手教你,AI生成超高品质网站
我们官网基本上就是这样调出来的,大佬们PC访问 http://lazycat.cloud 看效果,移动端这周上线。
我分享下调教AI方法:
1. 尽量找业内最好网站的截图让AI生成页面,因为截图比嘴说抽象的前端细节,效果好一万倍,因为人理解的前端、好看和AI理解的非常不一样
2. 让AI生成HTML单文件,这样马上就可以浏览器看效果,生成HTML效果全部OK后再让AI转vue组件,你直接上组件,会导致看效果之前还要整合到项目中,效率太低
3. AI生成的HTML后要细节微调,比如,文案改成什么苹果高冷风,图片跟文案搭配自己网上找图(不说AI会因为版权搞占位符,布局是乱的),图标用SVG图标(这样后期你可以自己找合适的让AI精确换),动效平滑点有加速度,哪个div的样式要微调一下(这个浏览器开发工具定位)
4. 第三步搞的差不多以后,基本上可以实现80%的效果,让AI从HTML转换成vue组件,这时候针对不合适的图标直接复制你网上找好的svg图标代码给他让它替换,因为AI现在对抽象图标的理解不够,比如一个小火箭图标你靠嘴说AI会给你画成七巧板这种让你哭笑不得的效果。但是你直接给他一个svg代码让它替换后线条调细一点就很nice
5. 到这一步基本上可以获得一个完整的vue组件,直接copy至你的项目,就可以持续集成了,不要让AI集成整个网站,网站大了上下文不够,sonnect 200k刚好适合生成一个完美的vue页面
6. 基本上做到这里,你抄袭的网站可以还原到80%,但是不要再花心思指挥AI到100%的效果,因为做不到,简单来说再往下就是画蛇添足浪费时间,不要问我为什么知道。这时候把demo交给专业前端工程师微调即可
上面就是完整的AI建站攻略,时间分布:基本上我找各种网站好看截图花了3天时间,完整15个vue页面靠说中文花了5天,前端专业工程师微调100%细节花了5天,云端资源静态化cdn部署1天。
http://lazycat.cloud PC版本这样质量的网站,全程14人日,恐怖吧?
个人觉得,最先失业的就是低级前端工程师,有审美的产品经理和高级前端工程师不会失业。
互联网充电|优质资源
优质内容|内幕消息
我们官网基本上就是这样调出来的,大佬们PC访问 http://lazycat.cloud 看效果,移动端这周上线。
我分享下调教AI方法:
1. 尽量找业内最好网站的截图让AI生成页面,因为截图比嘴说抽象的前端细节,效果好一万倍,因为人理解的前端、好看和AI理解的非常不一样
2. 让AI生成HTML单文件,这样马上就可以浏览器看效果,生成HTML效果全部OK后再让AI转vue组件,你直接上组件,会导致看效果之前还要整合到项目中,效率太低
3. AI生成的HTML后要细节微调,比如,文案改成什么苹果高冷风,图片跟文案搭配自己网上找图(不说AI会因为版权搞占位符,布局是乱的),图标用SVG图标(这样后期你可以自己找合适的让AI精确换),动效平滑点有加速度,哪个div的样式要微调一下(这个浏览器开发工具定位)
4. 第三步搞的差不多以后,基本上可以实现80%的效果,让AI从HTML转换成vue组件,这时候针对不合适的图标直接复制你网上找好的svg图标代码给他让它替换,因为AI现在对抽象图标的理解不够,比如一个小火箭图标你靠嘴说AI会给你画成七巧板这种让你哭笑不得的效果。但是你直接给他一个svg代码让它替换后线条调细一点就很nice
5. 到这一步基本上可以获得一个完整的vue组件,直接copy至你的项目,就可以持续集成了,不要让AI集成整个网站,网站大了上下文不够,sonnect 200k刚好适合生成一个完美的vue页面
6. 基本上做到这里,你抄袭的网站可以还原到80%,但是不要再花心思指挥AI到100%的效果,因为做不到,简单来说再往下就是画蛇添足浪费时间,不要问我为什么知道。这时候把demo交给专业前端工程师微调即可
上面就是完整的AI建站攻略,时间分布:基本上我找各种网站好看截图花了3天时间,完整15个vue页面靠说中文花了5天,前端专业工程师微调100%细节花了5天,云端资源静态化cdn部署1天。
http://lazycat.cloud PC版本这样质量的网站,全程14人日,恐怖吧?
个人觉得,最先失业的就是低级前端工程师,有审美的产品经理和高级前端工程师不会失业。
互联网充电|优质资源
优质内容|内幕消息
❤1
Forwarded from Post Bot
This media is not supported in your browser
VIEW IN TELEGRAM
1.PG电子赏金女王一举斩获830万并成功提现
2.PA真人豪赢644万一路长虹一天实现暴富
3.PG电子爆890万并以成功提现实现财富自由
4.大哥在PA真人百家乐累计盈利突破1000万
大额出款额外奖励8888-128888,双重日存彩金128888+4688每日送,周流水彩金68888每周送,双重签到彩金16888+3888送不停
【 #182体育 全网独此一家】
公平、公正、公开、 信誉第一、服务第一
不限ip、 免实名、免绑卡、免绑手机号码
每日存款彩金每日送,每笔存款加赠1%
专属VIP客服:@vipkf_182ty8
体育赛事推荐:@VIP182TYTJ
双向用户点击: @vipkf_182ty2_bot
吃瓜搞笑:@chiguagaoxiaoxinwen
✅ 关注福利频道:@vip182ty888
Please open Telegram to view this post
VIEW IN TELEGRAM
🤡2
Forwarded from Post Bot
This media is not supported in your browser
VIEW IN TELEGRAM
球速体育 大会员再创新高:
1.泰国大老板百家乐存50万出512万
2.斯里兰卡神秘大哥连续5天总提4000万+
3.实力盘总PA真人喜提990万一路爆红
4.pp电子糖果1000小注一拉爆出70万大奖
大额出款额外奖励8888-128888,双重日存彩金128888+4688每日送,周流水彩金68888每周送,双重签到彩金16888+3888送不停
【 #球速体育 安全有保障】
老品牌值得信赖、安全第一、保障第一
不限ip、 免实名、免绑卡、免绑手机号码
每日存款彩金每日送,每笔存款加赠1%
专属VIP客服: @QSTY567
体育赛事推单:@QSTY988
双向用户点击:@qsty168168_bot
午夜剧场:@ziweifancha7
✅ 关注福利频道:@qsty8999
老品牌 信誉高 佣金稳
代理合营频道:@QSTY321
Please open Telegram to view this post
VIEW IN TELEGRAM
🤡2
Forwarded from Post Bot
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤡2
Forwarded from Post Bot
This media is not supported in your browser
VIEW IN TELEGRAM
1.PG电子赏金女王一举斩获830万并成功提现
2.PA真人豪赢644万一路长虹一天实现暴富
3.PG电子爆890万并以成功提现实现财富自由
4.大哥在PA真人百家乐累计盈利突破1000万
大额出款额外奖励8888-128888,双重日存彩金128888+4688每日送,周流水彩金68888每周送,双重签到彩金16888+3888送不停
【 #182体育 全网独此一家】
公平、公正、公开、 信誉第一、服务第一
不限ip、 免实名、免绑卡、免绑手机号码
每日存款彩金每日送,每笔存款加赠1%
专属VIP客服:@vipkf_182ty8
体育赛事推荐:@VIP182TYTJ
双向用户点击: @vipkf_182ty2_bot
吃瓜搞笑:@chiguagaoxiaoxinwen
✅ 关注福利频道:@vip182ty888
Please open Telegram to view this post
VIEW IN TELEGRAM
🤡2
用 DMIT 洛杉矶的服务器搭🪜体验了一段时间
Premium和Tier 1线路有时候还是有点区别了
就比如现在这个点 Tier 1线路只有个位数的网速
Premium线路比搬瓦的CN2 GIA还快 就是有点贵🤡
@https1024
Premium和Tier 1线路有时候还是有点区别了
就比如现在这个点 Tier 1线路只有个位数的网速
Premium线路比搬瓦的CN2 GIA还快 就是有点贵🤡
@https1024
❤1
最近刷 GitHub刷到几个眼熟的开源项目
1.PageLM
它本质就是一个 NotebookLM 的开源平替,但我反而觉得它比官方版本更对开发者胃口。你把一堆资料、文档、课程丢进去,它不只是帮你总结,而是能反向生成学习内容:测验、Flashcards、甚至类似播客对那种形式。
NotebookLM 火就火在“把死资料变成活的学习过程”,PageLM 把这个思路完整抄过来,而且能私有部署。这一点对我来说加分非常大——不被平台锁数据,也方便按自己需求魔改,尤其适合做知识库、学习工具或者企业内训系统。
2.Awesome Web Agents
http://Steel.dev 自己就是做 AI 浏览器 / Web Agent 基础设施的,他们把自己踩过的坑、看过的工具、靠谱的论文,全都整理成了一个清单。
从底层的 Puppeteer、Playwright,到上层 Agent 框架,再到学术界的新进展,基本把 Web Agent 这个方向的家底翻了一遍。
这种列表最大的价值不是“新”,而是帮你避免浪费时间。现在 Agent 领域更新太快,很容易被噪音带着跑,有一个行业内玩家帮你筛过一轮,直接 Star 就完事了。
3.PDFCraft
这是一个完全本地运行的 PDF 工具箱,所有操作都在浏览器里完成,文件不出本地,对隐私极其友好。
功能也不是做做样子那种,而是实打实的 90+ 工具:合并、拆分、OCR、格式转换、水印、元数据编辑,甚至还能拖拽节点搞工作流。
我特别喜欢它的一点是:它不是“给你用一下就走”的在线工具,而是可以部署成你自己的 PDF 服务。
支持 Docker、支持静态导出,丢到 Vercel / Netlify 就能跑。对不想装巨型桌面软件、又不信任在线 PDF 网站的人来说,这种方案真的很香。
互联网充电|优质资源
优质内容|内幕消息
1.PageLM
它本质就是一个 NotebookLM 的开源平替,但我反而觉得它比官方版本更对开发者胃口。你把一堆资料、文档、课程丢进去,它不只是帮你总结,而是能反向生成学习内容:测验、Flashcards、甚至类似播客对那种形式。
NotebookLM 火就火在“把死资料变成活的学习过程”,PageLM 把这个思路完整抄过来,而且能私有部署。这一点对我来说加分非常大——不被平台锁数据,也方便按自己需求魔改,尤其适合做知识库、学习工具或者企业内训系统。
2.Awesome Web Agents
http://Steel.dev 自己就是做 AI 浏览器 / Web Agent 基础设施的,他们把自己踩过的坑、看过的工具、靠谱的论文,全都整理成了一个清单。
从底层的 Puppeteer、Playwright,到上层 Agent 框架,再到学术界的新进展,基本把 Web Agent 这个方向的家底翻了一遍。
这种列表最大的价值不是“新”,而是帮你避免浪费时间。现在 Agent 领域更新太快,很容易被噪音带着跑,有一个行业内玩家帮你筛过一轮,直接 Star 就完事了。
3.PDFCraft
这是一个完全本地运行的 PDF 工具箱,所有操作都在浏览器里完成,文件不出本地,对隐私极其友好。
功能也不是做做样子那种,而是实打实的 90+ 工具:合并、拆分、OCR、格式转换、水印、元数据编辑,甚至还能拖拽节点搞工作流。
我特别喜欢它的一点是:它不是“给你用一下就走”的在线工具,而是可以部署成你自己的 PDF 服务。
支持 Docker、支持静态导出,丢到 Vercel / Netlify 就能跑。对不想装巨型桌面软件、又不信任在线 PDF 网站的人来说,这种方案真的很香。
互联网充电|优质资源
优质内容|内幕消息
❤1