PMM 的工作很难被看见。

定位、messaging、销售工具、GTM 策略——这些东西做完之后，留下来的是一份 Word 文档，或者一个人人都能改的 PPT，或者一个已经上线但写着别人品牌名字的网页。有人问我要作品，我不知道发什么。

所以我用 AI 做了两个 HTML 页面，分别展示我在两家公司的产品营销工作。

先看这两个页面

👉 IoT安全产品：

https://vivian-portfolio-cygence.netlify.app/

👉 智能硬件产品

https://vivian-portfolio-sunmi.netlify.app/

IoT 作品是第一次做，智能硬件是第二次。

同样是 AI 生成的 HTML，但风格完全不同。

为什么看起来差这么多

“IoT安全产品”那个，一眼看上去就很AI。整体配色我还特地按品牌色调整过，否则第一次的配色几乎和Claude 本体颜色无差别。网页结构是清楚的，但整体是平的——每个区块差不多重，信息密度差不多，没有让你的视线自然往下走的东西。就是一个功能完整但没有主张的页面。

“智能硬件”那个完全不一样。它有重点，有层次，有叙事——你打开会先被 Hero 区拉进去，然后产品矩阵给你一个概览，然后才展开每一款产品的细节。这个节奏是设计出来的，不是 AI 默认给的。

两次用的工具一样，不一样的地方是我给 AI 的输入不同。

做了第一个HTML后我意识到，跟 AI 说"高级感"是没用的

做“IoT安全产品”的时候，我用语言描述风格："科技感"，"极简"，"专业但不冷"。Claude 照做了，出来的就是上面那个样子——哪里都没错，但哪里都不对，我甚至无从下笔改。

做“智能硬件”的时候我换了做法。

• 我找了符合我的审美的网站和截图给Claude 参考，配色，页面整体风格。

• 我自己拿纸画了几个区块的大概布局——Hero 区放照片的位置，产品矩阵怎么排，方法论模块用什么形式。不是正式的 wireframe，就是草图，但是可见的。然后把这些草图直接给 AI 看。

效果完全不一样。AI 不是在猜我说的"极简"是什么意思，它在直接参考我给它看的东西。

这是整个项目里最核心的认知：AI 有它自己出厂设置的审美。你想让它跟着你走，就得给它看得见的参考，而不是用语言描述你脑子里的感觉。 语言太模糊了，连人跟人之间说“同一个词”的审美都经常鸡同鸭讲，更何况是人跟 AI。

工具本身也是协作关系

这个项目我是在 Cowork 里做的，不是普通的 Claude 对话窗口。用下来有一点感受很真实：它是真的在跟你共享一个工作空间。

我把所有素材——产品图、Brochure、TVC 截图——放在一个跟 Cowork 共享的文件夹里。它会自己去读，自己去找对应的文件，不需要我每次手动上传或者贴路径。后来我更新了某张图，下次打开继续做，它拿到的就是新版本。

这听起来是个小事，但做起来差别很大。你不需要反复管理"我现在给它看的是哪个版本"，这件事它处理了。

协作感是真实的，不是比喻。

过程里真正花时间的事

代码层面的 bug，AI 自己处理了大部分。但有两件事情占了我个人很多时间。

第一件：那几张示意图。

页面里有几个方法论的图——Venn 图、金字塔、梯形结构——不是插入一张 PNG，而是 Claude 用 SVG 代码直接画的，每一个形状的坐标都是手写数字。

问题就在这里。SVG 的坐标系跟你直觉里的"位置"不是一回事，文字放在哪、形状顶点在哪、两个元素怎么对齐，全都是 x、y 数字。Claude 第一次画出来，金字塔顶层的文字跑出了三角形外面。我说不对，它改，改完还不对，我再描述，它再改。这个每次呈现出效果的过程就是在开盲盒。

后来我的做法是：截图，圈出哪里不对，让它对着截图调。比用文字描述"文字偏右了一点"有效多了。还是那个道理——可见的参考比语言更直接。

第二件：整理素材。

14款产品，每款要找主图、Brochure 封面、TVC 截帧、官网截图。我几乎是纯手工做的，一个产品一个文件夹，一张一张筛。这件事 AI 完全帮不上忙，没有捷径，是纯体力活。

我学到的一件事

AI 工具的能力上限，很大程度上取决于你给它什么输入。

给它语言，它会用自己的理解来填空。给它可见的参考，它会照着来。给它明确的判断（"这个位置不对，左边那个版本更好"），它会调整。

你不需要懂代码，但你得懂你要什么。这件事 AI 替不了你。