产品经理的 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 是资产不是代码
产品经理的 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 是资产不是代码
