两个月前开始做一个 AI LandingPage 生成器（叫 Lando ），核心功能很简单：用一段话描述项目需求，AI 自动生成一个 LandingPage ，还可以在上面收集用户意向。 产品基本做完了，目前处于早期阶段，用户不多。分享一些开发过程中的真实问题和思考，希望对正在做类似事情的人有帮助。 一些真实的感受： "AI 生成页面"这个需求是真的，但用户预期管理很难。 AI 生成的页面不可能跟定制的一样完美。有人觉得能用，有人觉得还要大改。目前的做法是在生成的 prompt 上给一些引导示例，但这个问题还在摸索。 独立开发最大的瓶颈不是写代码，是获客。 功能做完了，技术问题解决了，然后发现根本没人知道你做了个东西。以前觉得写代码最难，现在发现让人来用才是最难的。这个月 70% 的时间花在运营上，写代码反而只有 30%。 技术栈选 Nuxt 4 + Prisma 7 踩了一些坑。 这俩版本都太新了，文档不全，社区支持也少。遇到奇怪的问题要花很多时间排查，有些问题甚至只能自己去读源码解决。如果重新选，可能会用更成熟的组合。 定价不知道怎么定。 基础版 9 块/月，专业版 99 块/月。但说实话这个定价是拍脑袋定的，没有数据支撑。高了没人买，低了没利润，还在摸索。 目前最困惑的几个问题： 怎么做冷启动？目前试了小红书发帖、朋友推荐，效果一般 定价多少比较合理？同类产品有的免费，有的几十美金一个月 AI 生成的内容质量怎么持续优化？提示词调了几十版还是有随机性 如果你做过类似的事情，或者有什么想法，欢迎来聊聊。 产品链接（还在很早期，轻喷）： 链接
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ ohttd.netlify.app Talk to Data 面向 Agentic BI 场景的自然语言数据对话与分析系统。 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词： #Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 ttd-design.netlify.app TTD Handbook The Talk-to-Data Project: An Enterprise Agentic BI and Semantic Governance platform. 1 个帖子 - 1 位参与者 阅读完整话题
最近试着用 Figma Make 出了原型设计稿，然后直接下载下来让 AI 照着抄，开发了完整的落地页，效果还是非常满意的。 我把前端部署到 netlify 上特来分享一波！ https://ohttd.netlify.app/ 项目就是 Data Agent 相关的，还在学习摸索，欢迎一起交流学习。 关键词：#Talk to Data #Chat BI #Agentic AI 我也 Vibe 成了一份详细的系统设计文档，架构、交互、安全分层都覆盖到了，感兴趣可以看看。 https://ttd-design.netlify.app/
先丢个目前的效果： 更好的效果可以去网页看看，因为主要是通过动画效果呈现的： https://nono-landing-page.vercel.app/ --- ok ，下面进入正题！ 这几天给我的 Nono Cowork 项目重新设计了一版 Scrollytelling 风格的 Landing Page ，灵感主要来自 Cora （ https://cora.computer/?utm_source=everywebsite ） 这个产品。看着 Cora 这么优秀的页面，我就琢磨了：我既不太懂不懂前端也不懂设计的，要怎么样才能做出类似的效果呢？ 正好前段时间 gpt image 2 各种刷屏，刚好这次拿来试试 image 2 的能力。我就试着把 Cora 的页面截图丢给 GPT 做参考，然后结合 Nono 项目的特点，让它帮我生成一版设计。 一开始只是想着让他出一版概念图，给我提供灵感而已，不过等结果出来的时候，真的有被惊艳到，完成度真的高啊！不仅整体效果很棒，而且一次就出来了，我连抽卡的不用了，非常准确地抓住了我想用画面来表现产品特点这个核心。 那还说啥，设计图效果这么好，直接开干了！剩下的工作就是让 gpt 把设计图里的元素一个个提取出来，我再作为素材丢给 claude coding 就好了。不过这一步能实现还有一个关键：就是 gpt 真能生成透明底图的 png 文件，而且非常稳定。但是我去 banana 试了一下，只会给我马赛克背景的伪透明图😅 下面是提取出来的一部分素材图了，有了这些基本上整个页面 ui 就出来了，剩下就是跟 ai 缠斗🥵，把我想要的动画效果做出来。
先丢个目前的效果： 更好的效果可以去网页看看，因为主要是通过动画效果呈现的： https://nono-landing-page.vercel.app/ --- ok ，下面进入正题！ 这几天给我的 Nono Cowork 项目重新设计了一版 Scrollytelling 风格的 Landing Page ，灵感主要来自 Cora （ https://cora.computer/?utm_source=everywebsite ） 这个产品。看着 Cora 这么优秀的页面，我就琢磨了：我既不太懂不懂前端也不懂设计的，要怎么样才能做出类似的效果呢？ 正好前段时间 gpt image 2 各种刷屏，刚好这次拿来试试 image 2 的能力。我就试着把 Cora 的页面截图丢给 GPT 做参考，然后结合 Nono 项目的特点，让它帮我生成一版设计。 一开始只是想着让他出一版概念图，给我提供灵感而已，不过等结果出来的时候，真的有被惊艳到，完成度真的高啊！不仅整体效果很棒，而且一次就出来了，我连抽卡的不用了，非常准确地抓住了我想用画面来表现产品特点这个核心。 那还说啥，设计图效果这么好，直接开干了！剩下的工作就是让 gpt 把设计图里的元素一个个提取出来，我再作为素材丢给 claude coding 就好了。不过这一步能实现还有一个关键：就是 gpt 真能生成透明底图的 png 文件，而且非常稳定。但是我去 banana 试了一下，只会给我马赛克背景的伪透明图😅 下面是提取出来的一部分素材图了，有了这些基本上整个页面 ui 就出来了，剩下就是跟 ai 缠斗🥵，把我想要的动画效果做出来。
先丢个目前的效果： 更好的效果可以去网页看看，因为主要是通过动画效果呈现的： https://nono-landing-page.vercel.app/ --- ok ，下面进入正题！ 这几天给我的 Nono Cowork 项目重新设计了一版 Scrollytelling 风格的 Landing Page ，灵感主要来自 Cora （ https://cora.computer/?utm_source=everywebsite ） 这个产品。看着 Cora 这么优秀的页面，我就琢磨了：我既不太懂不懂前端也不懂设计的，要怎么样才能做出类似的效果呢？ 正好前段时间 gpt image 2 各种刷屏，刚好这次拿来试试 image 2 的能力。我就试着把 Cora 的页面截图丢给 GPT 做参考，然后结合 Nono 项目的特点，让它帮我生成一版设计。 一开始只是想着让他出一版概念图，给我提供灵感而已，不过等结果出来的时候，真的有被惊艳到，完成度真的高啊！不仅整体效果很棒，而且一次就出来了，我连抽卡的不用了，非常准确地抓住了我想用画面来表现产品特点这个核心。 那还说啥，设计图效果这么好，直接开干了！剩下的工作就是让 gpt 把设计图里的元素一个个提取出来，我再作为素材丢给 claude coding 就好了。不过这一步能实现还有一个关键：就是 gpt 真能生成透明底图的 png 文件，而且非常稳定。但是我去 banana 试了一下，只会给我马赛克背景的伪透明图😅 下面是提取出来的一部分素材图了，有了这些基本上整个页面 ui 就出来了，剩下就是跟 ai 缠斗🥵，把我想要的动画效果做出来。
先丢个目前的效果： 更好的效果可以去网页看看，因为主要是通过动画效果呈现的： https://nono-landing-page.vercel.app/ --- ok ，下面进入正题！ 这几天给我的 Nono Cowork 项目重新设计了一版 Scrollytelling 风格的 Landing Page ，灵感主要来自 Cora （ https://cora.computer/?utm_source=everywebsite ） 这个产品。看着 Cora 这么优秀的页面，我就琢磨了：我既不太懂不懂前端也不懂设计的，要怎么样才能做出类似的效果呢？ 正好前段时间 gpt image 2 各种刷屏，刚好这次拿来试试 image 2 的能力。我就试着把 Cora 的页面截图丢给 GPT 做参考，然后结合 Nono 项目的特点，让它帮我生成一版设计。 一开始只是想着让他出一版概念图，给我提供灵感而已，不过等结果出来的时候，真的有被惊艳到，完成度真的高啊！不仅整体效果很棒，而且一次就出来了，我连抽卡的不用了，非常准确地抓住了我想用画面来表现产品特点这个核心。 那还说啥，设计图效果这么好，直接开干了！剩下的工作就是让 gpt 把设计图里的元素一个个提取出来，我再作为素材丢给 claude coding 就好了。不过这一步能实现还有一个关键：就是 gpt 真能生成透明底图的 png 文件，而且非常稳定。但是我去 banana 试了一下，只会给我马赛克背景的伪透明图😅 下面是提取出来的一部分素材图了，有了这些基本上整个页面 ui 就出来了，剩下就是跟 ai 缠斗🥵，把我想要的动画效果做出来。
大概操作流程如下： 1.我给出 github 地址，Claude 分析之后会提出几个问题（如下），大多数问题我都是让 Claude 自己来决定的 Questions answered: - goal: Landing page / marketing site redesign - screen: Dashboard (overview) - theme: Both (toggle) - fidelity: Bold rethink — different visual language entirely - interactions: Fully interactive prototype (hover, filter, sort, animated transitions) - explore_axes: Decide for me - frame: Decide for me - brand: Decide for me - tweaks: Decide for me 2.然后 Claude 给出 redegisn 的页面（ html 格式），生成如下图的 asset 3.有了页面之后就可以使用 comment 选择元素，进行对话，局部 redesign 4.复制 design 的 prompt 给 Claude Code 就可以开始实现了（右上角有 handoff to Claude Code 的按钮，点击会生成如下 prompt ） Fetch this design file, read its readme, and implement the relevant aspects of the design. https://api.anthropic.com/v1/design/h/xxxxxx Implement: the designs in this project 整体 redesign 就几次对话，就结束了，体验非常不错 Claude degisn 给出的原始版本： https://dockerman-design.netlify.app/ 简单修改的上线版本： https://dockerman.app/en 几乎只是做了一些文案的调整 好看与否，看官自己评判，反正我是挺满意的
大概操作流程如下： 1.我给出 github 地址，Claude 分析之后会提出几个问题（如下），大多数问题我都是让 Claude 自己来决定的 Questions answered: - goal: Landing page / marketing site redesign - screen: Dashboard (overview) - theme: Both (toggle) - fidelity: Bold rethink — different visual language entirely - interactions: Fully interactive prototype (hover, filter, sort, animated transitions) - explore_axes: Decide for me - frame: Decide for me - brand: Decide for me - tweaks: Decide for me 2.然后 Claude 给出 redegisn 的页面（ html 格式），生成如下图的 asset 3.有了页面之后就可以使用 comment 选择元素，进行对话，局部 redesign 4.复制 design 的 prompt 给 Claude Code 就可以开始实现了（右上角有 handoff to Claude Code 的按钮，点击会生成如下 prompt ） Fetch this design file, read its readme, and implement the relevant aspects of the design. https://api.anthropic.com/v1/design/h/xxxxxx Implement: the designs in this project 整体 redesign 就几次对话，就结束了，体验非常不错 Claude degisn 给出的原始版本： https://dockerman-design.netlify.app/ 简单修改的上线版本： https://dockerman.app/en 几乎只是做了一些文案的调整 好看与否，看官自己评判，反正我是挺满意的
大概操作流程如下： 1.我给出 github 地址，Claude 分析之后会提出几个问题（如下），大多数问题我都是让 Claude 自己来决定的 Questions answered: - goal: Landing page / marketing site redesign - screen: Dashboard (overview) - theme: Both (toggle) - fidelity: Bold rethink — different visual language entirely - interactions: Fully interactive prototype (hover, filter, sort, animated transitions) - explore_axes: Decide for me - frame: Decide for me - brand: Decide for me - tweaks: Decide for me 2.然后 Claude 给出 redegisn 的页面（ html 格式），生成如下图的 asset 3.有了页面之后就可以使用 comment 选择元素，进行对话，局部 redesign 4.复制 design 的 prompt 给 Claude Code 就可以开始实现了（右上角有 handoff to Claude Code 的按钮，点击会生成如下 prompt ） Fetch this design file, read its readme, and implement the relevant aspects of the design. https://api.anthropic.com/v1/design/h/xxxxxx Implement: the designs in this project 整体 redesign 就几次对话，就结束了，体验非常不错 Claude degisn 给出的原始版本： https://dockerman-design.netlify.app/ 简单修改的上线版本： https://dockerman.app/en 几乎只是做了一些文案的调整 好看与否，看官自己评判，反正我是挺满意的