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

摘要

作者分享如何利用扣子空间AI Agent从0到1完成智能猫砂盆出海APP原型开发,涵盖市场调研、PRD撰写到高保真原型生成,解决本土化难题并提升生产力。

作为一个长期关注 AI Agent 和 AI 工作流的博主,饼干哥哥一直在探索能真正改变我们工作模式的 AI 工具。

缘起:一次 AI 播客

因为工作繁忙,我习惯在通勤路上听播客来获取最新的 AI 领域玩法。最初,我使用谷歌的 NotebookLM,将一些深度长文转换成播客来听。后来,扣子空间(coze.cn)上线后,我尝试了一下它 AI 播客功能,才真正感受到了“降维打击”:

只需要简单的说一句 把这篇文章转成播客,它就能开始工作了

插一句,很多海外的 agent 都无法访问微信的公众号文章,而扣子空间这块能力是在线的。

等一小段时间就生成好了:

各位也可以听听看效果:

与 NotebookLM 仅服务于个人学习笔记、生成的中文播客带有明显“朗诵腔”不同,扣子空间展现了更广泛的应用场景和更强的拟人化效果 。

它能将文章、网页链接、甚至是 B 站视频轻松转换成双人对话式的播客,两位主播间的对话流畅自然,甚至有打断、停顿和真实的交互感,几乎听不出是 AI 生成的 。这种在听感上以假乱真的“播客风”,完胜了其他同类工具。

除此之外,扣子空间在昨天上线了 PPT 功能,内置多个 PPT 模板。

例如我看「中国智能手机行业 PPT」模板挺适合做行业分析的,就点了「做同款」让扣子空间做 2025 年的 AI Agent 分析报告看下。

跟以往直接生成不同,这里会补充 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 给到扣子

让它去做深度的美国市场分析报告,并且在最后把报告存到我的飞书空间里(有一种让实习生做完后把报告交到我办公室的感觉)

请分析这份关于"Litter-Robot 3 Connect"的亚马逊产品页面PDF并结合所有用户评论为我生成一份面向美国市场的深度分析报告报告需包含1用户最赞赏的核心功能点2用户抱怨最多的槽点3分析并总结产品描述和高赞评论中的语言风格和口吻”;4总结一份美国市场的目标用户画像

具体的产品地址https://www.amazon.com/Litter-Robot-Connect-Whisker-Grey-Self-Cleaning/dp/B09315VP9K/ref=sr_1_2_sspa?crid=LSHMO5FABVDL&dib=eyJ2IjoiMSJ9.WdudprAr0mYh9AlT5Cu2wM5zEs4u9rox9VbYOcgP1aNyTCvfhfzFD02_0EWIAjaTOWU8VztNXlTq8RKPHX9_Tls7ZXrab-aT4eHCZjPiPgD-3bLkUfTZX3ky6PVpTCADG1qu5H03kUvBPkBzIG-lXbASawho8hPRSTlVcTrRjcwELUDJrKJHhMzUipQWZA_72svjVKdk8AudHDDaJJI3RWB06OWkdMTDl5aED-HsBIguHIeeDosPvdGxHDEBkByMp0K-YerbqdA1mnUx1GOFLt_HoYoQuerxmKa28DruTT0.9XCxAkZpod7QHo2-Vzte0LOIMjoWIv7SOt3eg6yyXl8&dib_tag=se&keywords=litter%2Brobot&qid=1749371600&sprefix=liter%2B%2Caps%2C1690&sr=8-2-spons&sp_csd=d2lkZ2V0TmFtZT1zcF9hdGY&th=1

调用工具`飞书云文档`把最终的用户画像分析报告新增到我的飞书空间里给我飞书文档链接

此时,不着急马上开始。

扣子空间,对于高频常见的场景做了一些内置的 Agent 专家,帮助小白用户能快速且高效的完成复杂任务。

这个专家,可以在对话框的 专家协作 里找到,点击后,会列出来目前有的专家 Agent

这里就有 用户研究专家 适合我们当前的场景,不妨用上。

ok,以下就是完整的需求,点发送,但先别走

扣子空间会先对我们的需求进行拆解,并罗列执行计划,如下图:

看上去还不错,点「开始任务」,这会就可以走了,一般来说,Agent 的工作会持续至少 5 分钟以上,长则大半小时,所以这个时间可以切换到别的页面做别的事,甚至是关掉页面也 ok,所有任务都在后台运行

但我是何许人也,抠门老板是会留下来监工的

就发现一件离谱的事:本来我还担心它访问美版亚马逊网站会有什么问题,结果很丝滑地进到了目标网站里进行浏览,同时还能正确识别评论区的位置点击进到更多的评论区域

这里调用的是类似browser-use的网页自动化的能力。

OK,一顿操作后分析报告做好了。

但我们看到,Agent 给的不是一份报告,而是多份整理、统计、分析结果汇总出来的分析报告。

说实话,我们团队的实习生来做,也未必能做这么规范。。。

最终报告也同步到了我的飞书空间里:

https://ry6uq5vtyu.feishu.cn/docx/K5y3dXUAao1Ug2xJnXTcN18InVg

在我第一次跑的时候,还会有一份 mdx 的版本,图文并茂:



坦白说,产出报告的价值,不在于它生成了多少文字,而在于它如何从一个真实的亚马逊产品页面中,提炼出了对“出海”业务(也就是这次需求)至关重要的洞察。

整体上看报告是合格的,对官方营销文案和用户高赞评论的语言风格进行了拆解和对比

另一个惊喜是它构建用户画像的逻辑。它并非简单罗列,而是通过合成分析得出的结论:从产品体积较大,推断出用户多为独立住宅或大公寓 ;从 APP 远程控制功能,推断出用户是注重效率的上班族 。这种连接“产品参数”与“用户生活方式”的分析能力,往往是我们很多人力所不具备的,或者说吃力的。

OK,美国市场的需求和用户痛点,我们算是略知一二了,接下来就可以着手做产品开发。

第二步:AI 生成产品需求文档(PRD)

同样不着急马上去做 APP 开发,而是要理一份产品需求文档,把需求讲清楚了,才能提高开发效率。

而需求文档,是要基于第一步的深度分析报告里的结论,参考提示词:

根据以上的深度分析报告,为一款名为‘Kitty+’的智能猫砂盆APP撰写一份产品需求文档(PRD)。该APP主要面向美国市场。PRD应优先解决竞品的核心痛点,并包含以下模块:首页状态监控、远程控制、多猫管理、健康数据追踪、耗材余量提醒和智能通知系统。具体根据以上的深度分析报告结论来设计。

同样保存一份到我飞书空间。

参考要求及模板:

产品需求文档(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 根本不会累)

参考提示词:

请根据 `Kitty+智能猫砂盆APP产品需求文档PRD.md`以及以下的要求,运用你全部的专业知识和创造力,创作一个单页HTML网页。直接输出完整HTML,不需要前后置引导语。

## 角色定位

你是一位兼具产品思维和设计才能的全栈产品专家,同时精通产品需求分析和html设计:

- 在产品需求方面:你能深入分析业务需求,精准定义用户痛点,构建清晰的产品逻辑和功能架构。
- 在设计方面:你是一位富有同理心且极具创造力的世界级App设计大师,曾获得Apple Design Awards和App Store年度精选推荐。
- 你擅长将抽象需求转化为具体、可交互的高保真原型,强调设计方案与用户痛点的精准匹配。
- 你拥有出色的视觉叙事能力,能将设计理念和用户流程以引人入胜的方式呈现。


## 输出内容

#### 设计系统构建与风格定义
- 确定符合产品定位与目标用户情感诉求的设计风格和视觉语言
- 创建一致且富有表现力的色彩系统、排版层级和组件库
- 设计符合平台特性且自然流畅的交互模式和画龙点睛的动效

#### 痛点驱动的原型设计与实现
- 设计以解决核心痛点为导向的完整用户流程和页面导航结构
- 创建所有关键页面的高保真界面设计,确保每个设计决策都有明确的用户价值支撑
- 实现核心交互功能和页面转换效果,特别关注那些能直接缓解用户痛点或带来愉悦感的交互细节
- 确保设计在各种设备上的适配性与体验一致性

## 技术实现要求

### HTML交互原型输出格式

请提供一个精心组织、体验流畅的单一HTML文件,包含以下内容:

1. **沉浸式交互原型展示**
   - 在单一HTML页面中有序地、故事化地展示所有关键界面
   - 按核心用户旅程顺序排列原型,引导阅读者自然地理解操作流程
   - 实现响应灵敏、符合直觉的可点击交互元素和页面导航
   - 恰到好处地展示关键微交互、状态变化和过渡动效,提升代入感和惊喜感
   - 考虑加入简短的引导性说明或标注,解释特定设计元素或交互的目的,特别是其如何解决用户痛点

2. **设计理念阐述部分**
   - 产品定位、目标用户画像及核心痛点分析
   - 可视化的核心用户流程图和功能地图(用Mermaid库+Fontawesome实现)
   - 痛点解决方案详解:明确指出识别出的核心痛点,并详细阐述原型中的哪些具体设计是如何针对性地解决这些痛点的
   - 设计亮点与创新点说明:解释其价值所在
   - 设计风格选择理由和设计系统关键要素说明

### 技术规范 

- **基础框架**:
  - 主要:Tailwind CSS (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
  - 备用:Tailwind CSS (https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css)
- **图标系统**:
  - 主要:Font Awesome (https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
  - 备用:Font Awesome (https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css)
- **用户旅程/Flow说明**
  - Mermaid: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/mermaid/8.14.0/mermaid.min.js
- **字体系统**:
  - 中文字体:Noto Sans SC/Noto Serif SC (https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap)
  - 基础字体:`font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;`

## 设计要求

1. **视觉设计**- 创建不仅美观,更能引发情感共鸣的视觉风格
   - 使用一致、和谐且服务于信息传达的色彩、间距和组件
   - 确保视觉层次清晰,有效引导用户注意力流

2. **交互设计**- 设计极其直观、无需思考的导航和信息架构
   - 提供及时、清晰、甚至令人愉悦的用户反馈和状态指示
   - 极致简化操作流程,最大程度降低用户认知负担和操作成本

3. **内容呈现**- 采用清晰易读、富有节奏感的排版
   - 恰当、优雅地使用数据可视化
   - 确保内容在不同设备上都具有卓越的可读性和美观度

4. **创新与品质**- 在遵循规范基础上,融入巧妙、贴心的创新元素,带来"啊哈"时刻
   - 像素级关注细节处理,追求卓越的工艺品质
   - 为产品注入独特的品牌个性和真诚的情感连接

实际业务落地的话,还是需要先看 AI 生成的需求文档哪里有问题需要调整后再做下一步。

不过这里,我是想完全让 AI 完成从 0 到 1,所以就不改了。

最终得到的这份视觉效果拉满的 HTML 版本的 PRD:

在我看来,扣子空间生成的这份 PRD 质量是到位的。

起码在产品内核层面,它与前序的市场分析报告契合。报告中提炼的用户画像(如注重效率的年轻上班族)和痛点,在这份 PRD 中都得到了精准回应。例如,“远程控制”和“定时清洁”功能直击上班族的“忙碌”痛点

中途 PPT 汇报

对,没错,真正「落地」的业务场景中,不是一股脑就干到底的,我们需要及时跟领导或者客户汇报调研结果,达成共识,才能继续下一步

所以这里,我就让扣子空间帮我生成一份 PPT

把这次任务中的`Litter - Robot 3 Connect美国市场深度分析报告.md``Kitty+智能猫砂盆APP产品需求文档.md`做成 PPT 方便我向领导汇报

能直接给一份 PPT 文档,就已经省了我们不少工作量了。

节选几张看看效果:

完整 PPT:

不得不说这 PPT 审美、排版都是在线的,封面、配图都做的不错,内容也都涵盖了我们需要汇报的文档。

OK,这里我们假设已经向领导明确了需求,就可以开始期待接下来的产品原型了。

第三步:AI 一键生成 APP 高保真原型(HTML)

因为在前面扣子空间给的 PRD HTML 里,APP 原型已经初现端倪了,所以这里还是希望它能延续同样的风格,完成高保真原型的生成。

参考提示词:

接下来更进一步请根据 `Kitty+智能猫砂盆APP产品需求文档.md`以及以下的要求运用你全部的专业知识和创造力创作一个单页HTML网页展示一套功能完善视觉出众的高保真交互原型

直接输出完整HTML不需要前后置引导语

现在需要输出高保真的原型图请通过以下方式帮我完成所有界面的原型设计并确保这些原型界面可以直接用于开发
1用户体验分析先分析这个 App 的主要功能和用户需求确定核心交互逻辑
2产品界面规划作为产品经理定义关键界面确保信息架构合理
3高保真 UI 设计作为 UI 设计师设计贴近真实 iOS/Android 设计规范的界面使用现代化的 UI 元素使其具有良好的视觉体验
4HTML 原型实现使用 HTML + Tailwind CSS Bootstrap生成所有原型界面并使用 FontAwesome或其他开源 UI 组件让界面更加精美接近真实的 App 设计
拆分代码文件保持结构清晰
5每个界面应作为独立的 HTML 文件存放例如 home.htmlprofile.htmlsettings.html 
- index.html 作为主入口不直接写入所有界面的 HTML 代码而是使用 iframe 的方式嵌入这些 HTML 片段并将所有页面直接平铺展示在 index 页面中而不是跳转链接
- 真实感增强
  - 界面尺寸应模拟 iPhone 15 Pro并让界面圆角化使其更像真实的手机界面
  - 使用真实的 UI 图片而非占位符图片可从 UnsplashPexelsApple 官方 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 所带来的,生产力的真正重塑。




👤 关于作者:饼干哥哥 & NGS
我是饼干哥哥,数据分析师、AI 博主,和出海业务专家朋友创立了公司 NGS NextGrowthSail,专注 AI 在出海营销场景下的落地。上周我们内部复盘出海业务数据时,发现如果用上扣子空间的AI Agent能力,在构建自动化内容营销工作流时效率能提升30%以上。

发表评论