一段对话，做出一套产品目录：
10 种产品 · 30 张实拍图 · 13 页文档 · 1 个苹果风网页

01 · 第一句话：需求就这样发出去了

我 · 用户

生成一个安平县丝网产品的文档，包括每种产品图片最少 3 张、产品名称、产品规格描述，最少 10 种产品。整理好文档后，生成一个 HTML 产品介绍网页：响应式设计、手机端禁止缩放、页面设计要简洁，参考苹果公司网页设计。

AI 助手

资料调研完成，已确定 10 种代表产品。开工前确认两件事：30 张产品图怎么来（AI 生成 / 网络下载真实图）？文档要 Word 还是 Markdown？

用户选择：网络下载真实产品图（免费）＋ Word 文档

02 · AI 是怎么干活的

第 1 步 · 行业调研

联网检索安平丝网产业资料，锁定 10 种代表产品：不锈钢筛网、电焊网、轧花网、钢板网、冲孔网、六角网、勾花网、护栏网、石笼网、刀片刺绳，并整理出材质、丝径、网孔、幅宽等常用规格。

第 2 步 · 真实图片抓取（这一步最有戏剧性）

先试维基共享资源——国内网络不通；换必应图片——返回的是反爬降级数据，抓回来 30 张图全是无关内容；最后切换到百度图片接口，配合 MD5 去重、分辨率过滤（≥400×300），30 张图一次抓齐，再拼成检查表逐张人工核验，全部与产品对应才放行。

第 3 步 · Word 产品手册

走"创作 → 排版 → 转换"流水线：生成 10 个产品章节（标题＋简介＋规格表），封面、可跳转目录、页脚页码一应俱全；图片内嵌进文档，拷到任何电脑都不会丢。

第 4 步 · 苹果风格网页

毛玻璃导航、超大标题 Hero、浅灰底色（#fbfbfd，苹果官网同款）、白底圆角卡片、大留白排版；viewport 设置 user-scalable=no 实现手机端禁止缩放；图片点击可放大查看，手机端左右滑动切换。

03 · 像带徒弟一样，一轮轮提修改

交付只是起点。接下来是几轮"看效果 → 提意见 → 秒改"的迭代：

"产品图和简介参数放到同一卡片内部，图片在上文字在下面"
→ 30 张卡片全部重构为一体化卡片：三图通栏铺满卡片顶部，标题、简介、规格表收进下方同一容器

"手机端图片改成单列大图" → "图片要能点击放大查看"
→ 手机端升级为横滑画廊 + 圆点指示器，灯箱支持键盘/手势切换

"把图片插入到文档中去" → "每种产品图片放到同一行"
→ 排查出文档转换器丢弃了图片（只留下文字占位符），改用内联方式让 30 张图真正嵌入，再按三图一行重新排版，27 页精简为 13 页

"去掉手机端的吸顶标题栏" → "卡片间距太大，调小"
→ 定位到锚点容器残留的 90px 内边距，一并修掉

04 · 最后交出了什么

交付物 1 · 苹果风格产品网页（桌面端首屏）：

▲ 毛玻璃导航 + 大标题 Hero，苹果官网式排版

每个产品一张一体化卡片：三张实拍图通栏在上，名称、简介、规格表在下：

▲ 不锈钢筛网产品卡片：3 图 + 简介 + 规格参数表

手机端（左：首屏；右：横滑画廊滑到第 3 张，圆点指示器联动）：

点击任意产品图，弹出全屏灯箱放大查看：

▲ 深色毛玻璃查看层，支持键盘方向键与手机滑动切换

交付物 2 · Word 产品手册内页（每种产品三图一行 + 图注 + 规格表）：

▲ 电焊网 / 轧花网章节：三图一行、图注对齐、规格表清晰

05 · 写在最后

这次协作里，人负责判断——选真实图而不是 AI 生成图、看效果提修改；AI 负责执行——调研、抓图、排版、写页面、排查 bug。中间也踩了坑：图片源接连失败、转换器静默丢图，但每一步都有截图核验兜底，问题当场发现当场修。

如果你的企业也需要做产品目录、官网或宣传册，不妨试试把需求"说"出来，剩下的交给 AI。