乐于分享
好东西不私藏

产品经理专属AI开源工具,Claude 一键生成完整竞品拆解 HTML

产品经理专属AI开源工具,Claude 一键生成完整竞品拆解 HTML

做产品的朋友,多半都绕不开「拆竞品」这件事。周会要分析、面试要演示、内部提案要参考。可真到落笔才发现麻烦:写出来的东西总像「我觉得这个功能不错」「那个交互有点意思」,五条优点凑完就交差——核心循环在哪讲不清,商业模式和 AI 落点也糊弄过去。问题不是没看懂产品,是手里没有一套能反复用的拆解骨架,每次都手动从零开始。这次在 GitHub 翻到一个开源 Skill,把这件事变成了「输入产品名 → 一份双语 HTML 报告」的标准流程。

拆竞品,到底卡在哪

我自己之前也踩过这个坑。有次给团队拆一个 SaaS 工具,画了三页思维导图,功能、特性、按钮位置全列上,写完一看——「这玩意儿和测评软文有啥区别?」。难受的是团队拿这份文档去讨论,半天聊不到点子上,没人讲得清这个产品真正的核心循环是什么。后来才反应过来,凭感觉列清单最大的问题是它不回答任何具体问题,只是把看到的东西原样抄一遍。这套 Skill 想解决的就是这个根子上的麻烦——把 Principal-PM 内部文档会问的问题做成一份可复用的固定骨架。

11 章固定拆解骨架

这套 Skill 的核心能力,是把拆解做成了 11 章固定 spine:Snapshot → Users & JTBD → Core Loop → Architecture → UX Quality → Business Model → Growth → AI Readiness → Friction → Opportunities → Final PM Verdict。每章只回答一个具体问题,避开「我觉得」式主观表达。固定 spine 听起来限制很大,恰恰是它最大的价值——逼你按 PM 内部文档的逻辑走完,而不是写到哪算哪。

最关键的是 Core Loop 这一章被放在脊柱位置。README 原文写得很直白——「The Core Loop section is the spine of the teardown — features are downstream of the loop」。功能特性被视为循环下游的衍生,而不是罗列对象。比起「这个产品功能很丰富」这种话,能讲清 Core Loop 才算真的看懂一个产品。Opportunities 章节还硬卡一道关:必须给 3-5 条「下季度就能动手」的具体楔子,禁止「加点 AI」这种空泛建议——这一条把分析从描述推进到行动。

双语报告怎么落地

输出形态直接生成两个互相链接的单文件 HTML:英文一份、中文一份,右下角语言切换按钮,Cmd+P 打印成干净的 PDF。报告默认保存到 ~/Desktop/Claude skills/product-teardown-<slug>-{en,zh}-<yyyymm>.html,文件命名带年月,归档方便。这种成品形态比丢一份 Markdown 让你自己排版友好太多——拿去提案直接能用。

它还实现了一个挺贴心的能力——产品截图画廊。Product Tour 章节从产品自身的 og:image 营销素材里拉 6 张截图。这条规则 README 写得特别死:截图必须来自产品自身,禁止从博客随机抓图。用别人博客的截图等于二次解读,可信度直接打折。双语也不是事后翻译——README 原话「Every teardown ships EN + ZH in the same run, cross-linked. Not translated later」。

5 条原则背后的取舍

五条设计原则里最值得展开的是「AI placement is a spectrum, not a checkbox」。它把产品的 AI 能力放在 Assistive / Embedded / Autonomous 三档光谱上做定位,必须选其中一个并用证据支撑。模板里给了三个占位符——{{ACTIVE_IF_ASSISTIVE}} / {{ACTIVE_IF_EMBEDDED}} / {{ACTIVE_IF_AUTONOMOUS}}——恰好一个填 active,另两个留空。这种实现逼你做判断,不能含糊地说「这产品用了 AI」就交差。

其他几条——Structure over opinion、Loops not features、Screenshots must come from the product itself、Bilingual by default——前面章节都顺带提过。另外它明确拒绝做「5 things I like about this app」式轻松评测,原文一句话「Not a review. A structural read of why the product wins, where it leaks, and what the next move should be」。

怎么把它装进你的工具

实际用起来比想象中简单。这个 Skill 包括一份可移植的 Markdown prompt、EN/ZH 两份 HTML 模板和 fill_linear.py 参考实现,支持的平台横跨 Claude Code、Codex、OpenCode、OpenClaw、Hermes 五个 Agent 工具——这套跨平台特性在 README 顶部五个徽章里直接展示。VS Code slash command 模式下,把 prompt 文件丢到 ~/Library/Application Support/Code/User/prompts/(macOS 路径)命名为 product-teardown.prompt.md,输入 /product-teardown Linear 触发。teardown Linear / break down Notion / analyze Cursor 都行,Skill 按同一套 11 章骨架跑下来。

该用的人,别用的人

如果你是 PM、创业者、做投资分析、或者 AI Agent 实践者,平时手里囤着一串「想拆但没时间拆」的产品清单——这套 Skill 能帮你把 backlog 一夜清空,每篇报告都是同一个骨架产出的双语 HTML,贴飞书、Notion 或公众号都行。

哪些场景别上手。需求是「快速看看产品有啥亮点」的话它太重——11 章 spine 固定不可调,跑一遍花时间。VS Code slash command 路径只给了 macOS,Windows / Linux 用户得自己推导。目标产品如果没规范的 og:image 索引,Product Tour 章节会缺料。

说到底,product-teardown-skill 表面像 AI 套壳,骨子里是用一套固定骨架逼你想清楚每个产品分析文档该回答的问题——功能能做什么、能力边界在哪、特性撑不撑得起这个商业模式。

老实讲,看到这种 Skill 我会想起自己刚做产品那会儿。那时候拆一个产品要在 Notion 里搭十几个数据库表,搞到凌晨两点还觉得自己漏了关键维度。现在回头看,那些纠结挺可笑——真正缺的不是工具,是一套能复用的拆解骨架。

https://github.com/yanliudesign/product-teardown-skill

想看更多 AI Agent Skill 的拆解?这个号会持续翻 GitHub 上有意思的 Agent 工具,顺便也聊聊怎么把它们串进自己的工作流。欢迎关注!

v开源工具ideo-shotcraft:AI 一键做产品短片,告别 AE 手动 K 帧

影视分镜 3D 分镜预演工作台,替代 Blender 快速做短片分镜

影视解说!NarratoAI 一键生成解说文案、克隆专属音色、自动配乐

AI 流水线,输入网址一键复刻任意网站,生成 Next.js 完整代码

DeepTutor v1.5.1 实测:港大开源一体化学习 Agent,三层文件式记忆