从0到1，我如何用“扣子空间”攻克本土化难题，为我的智能猫砂盆打造出海APP原型

从0到1，我如何用“扣子空间”攻克本土化难题，为我的智能猫砂盆打造出海APP原型 从0到1，我如何用“扣子空间”攻克本土化难题，为我的智能猫砂盆打造出海APP原型 Modified July 2, 2025 AI生成 如何打造一款好产品 Unable to preview. Please download the file. 不得不说这PPT审美、排版都是在线的，封面、配图都做的不错，内容也都涵盖了我们需要汇报的文档。 OK，这里我们假设已经向领导明确了需求，就可以开始期待接下来的产品原型了。 第三步：AI一键生成APP高保真原型（HTML） 因为在前面扣子空间给的PRD HTML里，APP原型已经初现端倪了，所以这里还是希望它能延续同样的风格，完成高保真原型的生成。 参考提示词： Code block Plain Text 接下来更进一步，请根据 以及以下的要求，运用你全部的专业知识和创造力，创作一个单页HTML网页：展示一套功能完善、视觉出众的高保真交互原型。 直接输出完整HTML，不需要前后置引导语。 现在需要输出高保真的原型图，请通过以下方式帮我完成所有界面的原型设计，并确保这些原型界面可以直接用于开发： 1、用户体验分析：先分析这个 App 的主要功能和用户需求，确定核心交互逻辑。 2、产品界面规划：作为产品经理，定义关键界面，确保信息架构合理。 3、高保真 UI 设计：作为 UI 设计师，设计贴近真实 iOS/Android 设计规范的界面，使用现代化的 UI 元素，使其具有良好的视觉体验。 4、HTML 原型实现：使用 HTML + Tailwind CSS（或 Bootstrap）生成所有原型界面，并使用 FontAwesome（或其他开源 UI 组件）让界面更加精美、接近真实的 App 设计。拆分代码文件，保持结构清晰： 5、每个界面应作为独立的 HTML 文件存放，例如 home.html、profile.html、settings.html 等。 – index.html 作为主入口，不直接写入所有界面的 HTML 代码，而是使用 iframe 的方式嵌入这些 HTML 片段，并将所有页面直接平铺展示在 index 页面中，而不是跳转链接。 – 真实感增强： – 界面尺寸应模拟 iPhone 15 Pro，并让界面圆角化，使其更像真实的手机界面。 – 使用真实的 UI 图片，而非占位符图片（可从 Unsplash、Pexels、Apple 官方 UI 资源中选择）。 – 添加顶部状态栏（模拟 iOS 状态栏），并包含 App 导航栏（类似 iOS 底部 Tab Bar）。 请按照以上要求生成完整的 HTML 代码，并确保其可用于实际开发。 这个html页面要求同时展示APP的多个页面，也就是说有多个iphone 15 pro的界面平铺在页面中，以便用户能直观看到全部产品页面。 还是在同个任务对话框里，扣子空间很快就根据前面的文档生成了多份html文件，我们把它逐一下载下来，打开 index.html OK，效果长这样。整体来说还是比较完整的。 以下是前面找到的竞品，美国当地的智能猫砂盆爆品的手机app 对比以下，你觉得扣子空间基于用户调研分析做出来的产品原型图更好看、合理，还是竞品做的更好呢？ 总结：实力强但无项目经验的职场新人 这是我对扣子空间，同时也是当前阶段AI Agent的感受。 这次实践中，它能精准地解构真实的竞品页面，提炼出关于用户画像和语言风格的深刻洞察，并转成一份逻辑严谨、交互丰富的可视化PRD 但因为是通用Agent的定位，虽然扣子空间有很多内置的专家角色可以用，但到垂直领域的任务中，想得到专业的反馈，融入业务经验的提示词是少不了的。 也就是说扣子空间是个 能力强但无项目经验的职场新人 ，需要我们带着更多耐心去调教，效果不会令你失望。 很多人可能会觉得前面说的「融入业务经验的提示词」很难写，其实这里有个技巧，就是利用扣子空间搜索调研能力去生成就好了——用魔法打败魔法 说实话，这次实践 扣子空间完全超出了我的预期 ： 核心在生产结果的稳定性上。要知道，在实际业务里面，我们要的不是多酷炫的结果，而是每次稳定的输出，也就是「确定性」，这点，或许是扣子空间的落地优势。 我们看到，扣子空间为代表的AI Agent产品已经和原先Chat类型的简单问答划分时代了，变成了一个具备感知、规划、执行能力的实习力，还不十分强大，但未来可期。 这，或许就是AI Agent所带来的，生产力的真正重塑。 以上， 既然看到这里了，如果觉得不错，随手点个赞、推荐、转发三连吧，你的支持是我持续创作的动力。我们下期见。 为了帮助大家减少AI信息差，饼干哥哥拉了个AI交流群，围绕着 AI数据分析、AI编程、AI工作流、AI Agent 等进行讨论。 感兴趣的可以关注公众号「饼干哥哥AGI」， 后台回复「AI交流群」 🔗 原文链接： https://mp.weixin.qq.com/s/8m4v6Eoz... 饼干哥哥 饼干哥哥AGI2025年07月01日 08:30 广东 https://mp.weixin.qq.com/s/8m4v6Eoz... AI生成 如何打造一款好产品 Unable to preview. Please download the file. AI生成 如何打造一款好产品 Unable to preview. Please download the file. 不得不说这PPT审美、排版都是在线的，封面、配图都做的不错，内容也都涵盖了我们需要汇报的文档。 OK，这里我们假设已经向领导明确了需求，就可以开始期待接下来的产品原型了。 第三步：AI一键生成APP高保真原型（HTML） 因为在前面扣子空间给的PRD HTML里，APP原型已经初现端倪了，所以这里还是希望它能延续同样的风格，完成高保真原型的生成。 参考提示词： 这个html页面要求同时展示APP的多个页面，也就是说有多个iphone 15 pro的界面平铺在页面中，以便用户能直观看到全部产品页面。 还是在同个任务对话框里，扣子空间很快就根据前面的文档生成了多份html文件，我们把它逐一下载下来，打开 index.html OK，效果长这样。整体来说还是比较完整的。 以下是前面找到的竞品，美国当地的智能猫砂盆爆品的手机app 对比以下，你觉得扣子空间基于用户调研分析做出来的产品原型图更好看、合理，还是竞品做的更好呢？ 总结：实力强但无项目经验的职场新人 这是我对扣子空间，同时也是当前阶段AI Agent的感受。 这次实践中，它能精准地解构真实的竞品页面，提炼出关于用户画像和语言风格的深刻洞察，并转成一份逻辑严谨、交互丰富的可视化PRD 但因为是通用Agent的定位，虽然扣子空间有很多内置的专家角色可以用，但到垂直领域的任务中，想得到专业的反馈，融入业务经验的提示词是少不了的。 也就是说扣子空间是个 能力强但无项目经验的职场新人 ，需要我们带着更多耐心去调教，效果不会令你失望。 很多人可能会觉得前面说的「融入业务经验的提示词」很难写，其实这里有个技巧，就是利用扣子空间搜索调研能力去生成就好了——用魔法打败魔法 说实话，这次实践 扣子空间完全超出了我的预期 ： 核心在生产结果的稳定性上。要知道，在实际业务里面，我们要的不是多酷炫的结果，而是每次稳定的输出，也就是「确定性」，这点，或许是扣子空间的落地优势。 我们看到，扣子空间为代表的AI Agent产品已经和原先Chat类型的简单问答划分时代了，变成了一个具备感知、规划、执行能力的实习力，还不十分强大，但未来可期。 这，或许就是AI Agent所带来的，生产力的真正重塑。 以上， 既然看到这里了，如果觉得不错，随手点个赞、推荐、转发三连吧，你的支持是我持续创作的动力。我们下期见。 为了帮助大家减少AI信息差，饼干哥哥拉了个AI交流群，围绕着 AI数据分析、AI编程、AI工作流、AI Agent 等进行讨论。 感兴趣的可以关注公众号「饼干哥哥AGI」， 后台回复「AI交流群」 🔗 原文链接： https://mp.weixin.qq.com/s/8m4v6Eoz... https://mp.weixin.qq.com/s/8m4v6Eoz... 饼干哥哥 饼干哥哥AGI2025年07月01日 08:30 广东 在数字化浪潮中，出海产品面临着本土化难题，尤其是在语言和文化差异巨大的海外市场。饼干哥哥通过使用“扣子空间”这一AI工具，成功为智能猫砂盆打造出海APP原型，攻克了本土化难题。文章将分享这一过程中的经验和心得，探讨AI如何助力产品出海，以及如何利用AI工具提升工作效率和用户体验。 ———— / BEGIN / ———— 作为一个长期关注AI Agent和AI工作流的博主，饼干哥哥🍪一直在探索能真正改变我们工作模式的AI工具。 缘起：一次AI播客 因为工作繁忙，我习惯在通勤路上听播客来获取最新的AI领域玩法。 最初，我使用谷歌的NotebookLM，将一些深度长文转换成播客来听。 后来，扣子空间（coze.cn）上线后，我尝试了一下它AI播客功能，才真正感受到了“降维打击”： coze.cn 只需要简单的说一句把这篇文章转成播客，它就能开始工作了 插一句，很多海外的agent 都无法访问微信的公众号文章，而扣子空间这块能力是在线的。 等一小段时间就生成好了： 各位也可以听听看效果： 与NotebookLM仅服务于个人学习笔记、生成的中文播客带有明显“朗诵腔”不同，扣子空间展现了更广泛的应用场景和更强的拟人化效果 。 它能将文章、网页链接、甚至是B站视频轻松转换成双人对话式的播客，两位主播间的对话流畅自然，甚至有打断、停顿和真实的交互感，几乎听不出是AI生成的 。这种在听感上以假乱真的“播客风”，完胜了其他同类工具。 除此之外，扣子空间在上周上线了PPT功能，内置多个PPT模板。 例如我看「中国智能手机行业PPT」模板挺适合做行业分析的，就点了「做同款」让扣子空间做2025年的AI Agent分析报告看下。 跟以往直接生成不同，这里会补充PPT得具体要求，例如选择一个风格、页数等，先帮我生成大纲 确认大纲满意了，才开始生成PPT。确实是有实习生那味了 跑出来的结果还是不错的。 放几页PPT大家感受一下： PPT地址： https://space.coze.cn/s/NIb5azt7h2w/ 这次体验让我意识到，AI Agent的能力已经远超简单的问答或内容转换。 于是，我萌生了一个想法：不再满足于常规的写报告、做PPT，而是想玩个大的——将它应用到一个真实、复杂且充满挑战的商业场景中：我的合伙人在创业做一款硬件产品——智能猫砂盆， 我想从0开始，利用扣子空间完成其出海美国市场的APP产品需求分析和原型开发。 要是效果好的话，或许真的能落地到实际业务场景里，提高生产力。 背景：智能猫砂盆的出海挑战 作为一名中国智能家居领域的创业者，我合伙人对宠物赛道尤其看好。经过努力，他的团队已经成功研发出一款在硬件层面非常出色的智能猫砂盆。它的结构设计、自动清理机械装置和基础传感器都达到了市场领先水平。出海美国中高端市场，在硬件上我们有信心一较高下。 然而在 软件开发 ，尤其是面向海外市场的软件开发，可能比硬件来的更困难些： 1. 本土化 ：作为一个纯正的中国团队，我们对美国市场的理解存在天然的鸿沟，包括审美与UI、语言的“地道”、功能优先级差异，背后都依赖对美国消费者习惯的洞察 2. 功能定义难 ：在解决了本土化的大方向后，具体的功能颗粒度应该多细？是简单地远程启动清理，还是应该加入猫咪的体重监测、如厕次数和时长统计？ (2) 我没有产品经理的经验，拍脑袋做的决定很可能偏离用户真实需求。 3. 缺乏开发资源 ：在产品初期，我们没有预算去组建一个包含海外市场专家、产品经理、UI/UX设计师和前端开发的完整APP团队。我需要一个低成本、高效率的解决方案来完成APP的“冷启动”。 AI Agent其实就很适合扮演一支团队的角色，接下来我就让它帮我完成从市场调研、需求分析(PRD撰写)到APP原型设计的全过程。 实战：用扣子空间打造出海APP 做产品不能是「空穴来风」，这里我找了一个在美亚上的同行爆款，作为我们这次任务的起点。 进入扣子空间https://space.coze.cn/，新建一个任务。 我是重度飞书用户，几乎所有的创作和协作都是在飞书里完成的。 这次的任务也不例外，我想 把扣子空间产生的结论直接同步到我的飞书空间里。 这个需求，我们可以通过内置的 MCP扩展 能力来解决 如图，点开 扩展 添加扩展中，找到 飞书云文档 选择添加 按要求完成账号授权即可。 同时，我们也看到这里还有很多其他的能力可以调用，即使没有，也可以通过 自定义 的形式把第三方外部的接口通过MCP接进来供AI调用，这样一来，扣子空间的能力边界就大了很多。 话说回来，接下来，老规矩， 做产品一定是要先做市场调研的。 第一步：AI市场调研与用户痛点分析 这里，我直接把前面亚马逊网站上的对标爆款链接发给扣子 同时我担心网络问题不知道是否能正常访问，我也下载了一份PDF给到扣子 让它去做深度的美国市场分析报告，并且在最后把报告存到我的飞书空间里（有一种让实习生做完后把报告交到我办公室的感觉） 此时，不着急马上开始。 扣子空间，对于高频常见的场景做了一些内置的Agent专家，帮助小白用户能快速且高效的完成复杂任务。 这个专家，可以在对话框的 专家协作 里找到，点击后，会列出来目前有的专家Agent 这里就有 用户研究专家 适合我们当前的场景，不妨用上。 ok，以下就是完整的需求，点发送，但先别走 扣子空间会先对我们的需求进行拆解，并罗列执行计划 ，如下图： 看上去还不错，点「开始任务」，这会就可以走了。 一般来说，Agent的工作会持续至少5分钟以上，长则大半小时，所以这个时间可以切换到别的页面做别的事，甚至是关掉页面也ok，所有任务都在后台运行 但我是何许人也，抠门老板是会留下来监工的 就发现一件离谱的事：本来我还担心它访问美版亚马逊网站会有什么问题，结果很丝滑地进到了目标网站里进行浏览，同时还能正确识别评论区的位置点击进到更多的评论区域 这里调用的是类似 browser use 的网页自动化的能力。 OK，一顿操作后分析报告做好了。 但我们看到， Agent给的不是一份报告，而是多份整理、统计、分析结果汇总出来的分析报告。 说实话，我们团队的实习生来做，也未必能做这么规范。。。 最终报告也同步到了我的飞书空间里： https://ry6uq5vtyu.feishu.cn/docx/K5y3dXUAao1Ug2xJnXTcN18InVg 在我第一次跑的时候，还会有一份mdx的版本，图文并茂： 坦白说， 产出报告的价值，不在于它生成了多少文字，而在于它如何从一个真实的亚马逊产品页面中，提炼出了对“出海”业务（也就是这次需求）至关重要的洞察。 整体上看报告是合格的，对官方营销文案和用户高赞评论的 语言风格进行了拆解和对比 另一个惊喜是它构建用户画像的逻辑。它并非简单罗列，而是通过 合成分析 得出的结论：从产品体积较大，推断出用户多为独立住宅或大公寓 ；从APP远程控制功能，推断出用户是注重效率的上班族 。这种连接“产品参数”与“用户生活方式”的分析能力，往往是我们很多人力所不具备的，或者说吃力的。 OK，美国市场的需求和用户痛点，我们算是略知一二了，接下来就可以着手做产品开发。 第二步：AI生成产品需求文档（PRD） 同样不着急马上去做APP开发，而是要理一份产品需求文档，把需求讲清楚了，才能提高开发效率。 而需求文档，是要基于第一步的深度分析报告里的结论，参考提示词： 产品需求文档(PRD)与高保真原型设计生成器 角色定位 你是一位兼具产品思维和设计才能的全栈产品专家，精通产品需求分析： – 能深入分析业务需求，精准定义用户痛点，构建清晰的产品逻辑和功能架构。– 你擅长将抽象需求转化为具体、可交互的高保真原型，强调设计方案与用户痛点的精准匹配。 核心目标 基于用户提供的产品概念，完成一份结构完整、逻辑清晰的产品需求文档(PRD) 确保有效解决目标用户的核心痛点，通过富有说服力的文档，讲述一个完整的产品故事。 输出内容：产品需求文档(PRD) 文档信息 | 版本 | 时间 | 更新人 | 内容 | 位置 | |:—–|:—–|:—— |:—–|:—–| | 1.0 | [日期] | [姓名] | 创建文档 | – | 相关文档 – [列出相关参考文档、设计文档或市场调研报告] 一、需求背景 1. 解决什么问题？ [详细描述本产品/功能旨在解决的核心问题和痛点] 2. 覆盖多少用户？ [描述目标用户群体及规模，包含用户画像和潜在市场] 3. 上线计划？ [说明产品/功能的上线时间表和关键里程碑] 4. 还需要准备什么？ [列出实现该产品/功能所需的资源、依赖条件和准备工作] 5. 需求列表 [以表格或列表形式列出所有需求项，包括优先级和状态] 二、方案概述 2.1 核心业务流程 [描述产品/功能的核心业务流程，可使用流程图或文字说明] 2.2 核心功能流程示意 [提供核心功能的流程示意图和关键节点说明] 三、细节方案 [根据产品类型和特性，自定义以下细节方案的章节结构] 3.1 [核心功能模块1] [详细描述该功能模块的设计和实现方案] 3.1.1 [子功能/页面/交互点1] [提供具体的功能设计和交互细节] 3.1.2 [子功能/页面/交互点2] [提供具体的功能设计和交互细节] 3.2 [核心功能模块2] [详细描述该功能模块的设计和实现方案] 3.3 [核心功能模块3] [详细描述该功能模块的设计和实现方案] 四、非功能性需求 4.1 性能需求 [描述性能指标和要求] 4.2 安全需求 [描述安全性要求和措施] 4.3 兼容性需求 [描述兼容性要求，如设备、浏览器、操作系统等] 五、评估与风险 5.1 评估指标 [列出产品/功能的成功评估指标] 5.2 潜在风险 [识别潜在风险和应对策略] 得到的PRD： https://ry6uq5vtyu.feishu.cn/docx/B94rdGJ4jo0rQLxW6D0clKvZnBd 生成的PRD还是不错的，但是看文字还是比较枯燥，继续让扣子空间转成html来看 （感受到了老板的松弛感，有个想法就让实习生去做，AI根本不会累） 参考提示词： 实际业务落地的话，还是需要先看AI生成的需求文档哪里有问题需要调整后再做下一步。 不过这里，我是想完全让AI完成从0到1，所以就不改了。 最终得到的这份视觉效果拉满的HTML版本的PRD： 在我看来，扣子空间生成的这份PRD质量是到位的。 起码 在产品内核层面，它与前序的市场分析报告契合。 报告中提炼的用户画像（如注重效率的年轻上班族）和痛点，在这份PRD中都得到了精准回应。例如，“远程控制”和“定时清洁”功能直击上班族的“忙碌”痛点 中途PPT汇报 对，没错，真正「落地」的业务场景中，不是一股脑就干到底的，我们需要及时跟领导或者客户汇报调研结果，达成共识，才能继续下一步 所以这里，我就让扣子空间帮我生成一份 PPT 能直接给一份 PPT 文档 ，就已经省了我们不少工作量了。 节选几张看看效果：