产品经理的 Claude Code 技能包实战（八）：幻灯片与 Banner，能不能少排一次设计
产品经理的 Claude Code 技能包实战（八）：幻灯片与 Banner，能不能少排一次设计
这是《产品经理的 Claude Code 技能包实战》系列的第 8 篇。 前面聊完了设计规范和 UI 质量。这篇回到 PM 最高频的两件「设计杂活」——做汇报 PPT、做运营/活动 banner。这两件事 typical 的解法都是「提需求、排期、等设计」。能不能不排？我实测了两个外部技能包：
slides和banner-design。
一、开场：PM 的「设计杂活」之痛
PM 不算是设计师，但设计的活儿少不了：
- 汇报：季度复盘、方案汇报、给老板的项目进展——总得有个像样的 PPT
- 运营：产品上线要 banner、活动要 banner、社媒封面也要 banner
这两类需求的共同点是：要得急、量不大、但要看得过去。提给设计，排期排不上；自己用模板套，又丑得一言难尽。这正好是 AI 该补的位。
二、slides：做「带数据」的 HTML 演示文稿
slides这个包做的不是传统的 .pptx，而是HTML 演示文稿。它的几个特点：
- Chart.js 图表：做数据驱动的汇报（业绩、增长、对比）时，图表是真实渲染的，不是贴图
- design tokens：配色字体走统一 token，不会这页蓝那页绿
- 文案公式 + slide 策略：它不只是排版，还内置了「不同场景用什么结构讲」的策略（pitch、复盘、教程各不同）
- 响应式布局：HTML 天然适配不同屏幕
实测感受：做数据汇报类的演示，它比套 PPT 模板快且专业——尤其是有图表的页。但它是 HTML，意味着没法直接发给习惯用 PowerPoint 的人编辑。适合「你讲给别人听」，不适合「发给别人改」。
三、banner-design：一次出多个艺术方向
banner-design更偏「创意产出」。它的工作流很有意思：
- 先问清楚（用 AskUserQuestion）：用途是社媒封面/广告/网站 hero/印刷？平台和尺寸？文案和品牌色？要几个方案？
- 先做调研：它会去 Pinterest 搜同类 banner 截图做参考，再定 2~3 个艺术方向
- 每个方向出 HTML/CSS：用精确的平台尺寸，遵守安全区规则（关键内容放中央 70~80%）、最多 2 种字体、单一 CTA、对比度 ≥4.5:1
风格覆盖很全：minimalist、gradient、bold typography、glassmorphism、3D、neon、editorial 等。
实测感受：它最聪明的地方是「一次给多个艺术方向让你挑」，而不是只出一个让你反复改。这对「说不清要什么、但看到就知道不要什么」的 banner 场景太对路了。安全区、对比度这些细节也都帮你守住了。
四、能不能替代设计师？
能替代的：内部汇报、临时活动、社媒配图这类「要得急、要求中等」的需求——从「排期等设计」变成「当场出几个方向挑」，效率是数量级的提升。
替代不了的：-品牌级的主视觉——涉及品牌调性的核心物料，AI 出的方向仍需设计师把关 -强创意的传播物料——AI 能给「合格且多样」的方案，但「让人记住」的创意还是人的活 -需要交付 .pptx/.psd 源文件给人继续编辑的场景——HTML 产出物在这个环节接不上
五、我的结论
把slides和banner-design当成「设计的第一稿机器」最划算：先让 AI 出几个合格的方向，把 80 分的活当场干完；只有真正重要的、要打磨到 95 分的，再提给设计师。省下的不是设计的钱，是排期的时间和来回沟通的成本。
下一篇（九）：聊了这么多「产出」，换个方向——AI 的「输入」能力。《给 AI 装上眼睛和手》，聊聊怎么让 AI 自己去看网页、替你操作浏览器。
系列目录
- （一）用技能包写 PRD：为什么小而精胜过大而全 —— prd-writer
- （二）把 PRD 一键变成禅道任务 —— pm-zentao-task
- （三）移动端原型：左预览右介绍的演示套装 —— mobile-prototype
- （四）给原型自动加标注，开发不再问交互 —— annotation-generator
- （五）原型一键部署上线 —— deploy-prototypes
- （六）UI 设计：67 风格 161 配色实测 —— ui-ux-pro-max
- （七）搭设计系统：三层 Token 实战 —— design-system
- （八）幻灯片与 Banner —— slides / banner-design（本篇）
- （九）给 AI 装上眼睛和手 —— agent-reach / kimi-webbridge
- （十）把真人思维做成 AI 顾问 —— zhangxuefeng-skill
- （十一）让 AI 自己写测试、自己调试 —— superpowers
- （十二·终篇）我沉淀技能包的方法论：skill 是资产不是代码