Bento Ppt Skill — Design skill for Claude Code

bento-ppt-skill

A Claude Code skill that turns a topic or document into a 16:9 SVG slide deck in **Bento Grid** style — with HTML preview and editable PowerPoint export.

灵感来自 sandun [《应该是目前最强的 PPT Agent，附上完整思路分享》](https://linux.do/t/topic/1782304)。把作者的"四步流水线 + Bento Grid 卡片布局 + 整页 SVG"方法论工程化成一个可复用的 Claude Code skill。

  

Features

• 7 阶段流水线：needs（反问） → research → outline（金字塔原理） → planning → fetch → design → review → export
• 6 种 Bento 布局 + 9 种卡片组件：single-focus / two-col-symmetric / two-col-asymmetric / three-col / major-minor / hero-top / mixed-grid 任选；卡内可放 card-hero / card-stat / card-stack（多数据叠加）/ card-list（highlight 焦点项）/ card-quote / card-text / card-image / card-compare（多列对比表）/ chart-bar
• 跨组件装饰元素：胶囊 badges / 三栏 metadata / 半透明装饰大字 / ghost_text 背景装饰字 / 网格背景纹理
• 双主题：bento-tech（深色科技风）/ bento-light（浅色商务风），主题继承机制让新主题只需一个 manifest.json
• 底层 SVG（viewBox 0 0 1280 720），双 PPTX 导出路径：
  • Native（默认）：scripts/native_render.py 用 python-pptx 直接画原生 shape，100% 可编辑（单击文字直接改、无需"转换为形状"）。视觉商务平面（无渐变 / 光斑）
  • SVG（备选 --format pptx-svg）：通过 asvg:svgBlip OOXML 注入到 pptx，PowerPoint 2019+/Office 365 显示完美矢量但默认是 picture 对象
• HTML 翻页预览：左右键 / 缩略图栏 / 全屏，在浏览器里直接放映
• 图片 provider 协议：可插拔的 url_download / nanobanana / unsplash，AI 自己决定用搜还是生
• 中文版式 lint：默认拦截英文标点（公众号/严苛场景可开"中英不空格"）

Install

git clone https://github.com/YingYveltal/bento-ppt-skill.git ~/.claude/skills/ppt-agent
pip3 install jinja2 python-pptx lxml

可选（看你机器上有没有）：

# 截图依赖：自动探测 Chrome / Chromium / Edge / Brave，找不到再装
# 不依赖 playwright

Use

**新开** Claude Code 窗口（让 description 自动加载），直接说自然语言：

帮我做一份 6-8 页的 X 主题 PPT

把 ./report.md 转成发布会 deck

Claude 会自动加载 ppt-agent skill，反问受众/调性/页数，然后跑完 7 阶段流程。产物在 `~/ppt-decks/-/`：

• slides/*.svg — 每页 SVG 矢量