Skip to content
cccskills
FreePublished on GitHub

nanobanana-ppt-visualizer

Turn presentation content in JSON, a structured data format, into styled images and a browser slideshow. Choose a visual style, generate slide artwork, and optionally combine images and transition clips into a complete presentation video.

OriginalShow the original description

平面设计师与内容创作者在制作演示文稿时,当需要将内容大纲转化为高颜值视觉大片,使用此技能可一键生成风格化配图、交互式网页播放器及演示视频,轻松实现从内容规划到视觉呈现的完整闭环,大幅提升汇报演示质感!

See how to install

Good for

  • Creating styled artwork for presentation slides
  • Previewing presentations in a browser
  • Combining slide images and transitions into a video
  • Visualizing content prepared with ppt-generator

Files included (9)

  • SKILL.md8.1 KB
  • assets/styles/gradient-glass.md3.9 KB
  • assets/styles/vector-illustration.md4.8 KB
  • assets/templates/video_viewer.html13.5 KB
  • assets/templates/viewer.html5.9 KB
  • references/collaboration_guide.md9.1 KB
  • references/ppt_structure_guide.md5.7 KB
  • scripts/generate_viewer.py6.5 KB
  • scripts/video_materials.py8.5 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

PPT 视觉增强工具

任务目标

  • 本 Skill 用于:为 PPT 内容生成高质量视觉呈现,包括图片渲染、交互式播放器和视频合成
  • 能力包含:风格化图片生成、HTML 播放器生成、视频素材管理、FFmpeg 视频合成
  • 触发条件:用户需要为 PPT 内容添加视觉效果,或与 ppt-generator Skill 协同工作

前置准备

  • 依赖说明:scripts 脚本所需的依赖包
    pillow>=9.0.0
    python-dotenv>=0.19.0
    
  • 系统依赖:FFmpeg(可选,用于视频合成功能)
    # Ubuntu/Debian
    sudo apt-get install ffmpeg
    
    # macOS
    brew install ffmpeg
    

操作步骤

标准流程(与 ppt-generator 协同)

步骤 1:获取 PPT 内容(协作模式)

  1. 与 ppt-generator Skill 协同:
  2. 接收 JSON 数据,包含:
    • metadata:标题、作者、主题、关键词
    • slides:每页的布局、标题、内容、图片标注

步骤 2:选择视觉风格

  1. 扫描 assets/styles/ 目录,列出可用风格:
    • gradient-glass.md:渐变毛玻璃风格(科技感、商务)
    • vector-illustration.md:矢量插画风格(温暖、教育)
  2. 根据内容主题和场景推荐合适的风格
  3. 智能体生成图片描述提示词,参考风格模板

步骤 3:生成视觉素材

  1. 图片生成(使用智能体能力):

    • 根据每页内容和风格模板,生成图片描述
    • 使用智能体的图像生成能力创建图片
    • 保存为 slide-01.png, slide-02.png 等
  2. 可选:视频生成(需要可灵 AI API):

    • 如果用户需要视频转场,调用可灵 AI API
    • 生成首页预览视频和页面转场视频
    • 使用 scripts/video_materials.py 管理视频素材

步骤 4:生成播放器

  1. 调用 scripts/generate_viewer.py 生成 HTML 播放器:
    • 支持图片轮播、键盘导航、全屏播放
    • 支持视频+图片混合播放(如果生成了视频)
  2. 输出交互式播放器,可直接在浏览器中预览

步骤 5:视频合成(可选)

  1. 如果生成了视频素材,调用 scripts/video_composer.py:
    • 使用 FFmpeg 合成完整视频
    • 统一分辨率和帧率
    • 输出 full_ppt_video.mp4

独立使用模式

当用户直接提供 PPT 内容(JSON 格式)时:

  1. 读取用户提供的 JSON 文件或内容
  2. 执行步骤 2-5,生成视觉呈现

协同工作流程

与 ppt-generator Skill 配合

用户请求:"生成一个关于 AI 产品的 PPT"

┌─────────────────────────────────────────────────────────┐
│  ppt-generator Skill                                    │
├─────────────────────────────────────────────────────────┤
│  1. 主题分析师:分析主题,生成大纲                        │
│  2. 模板设计师:推荐布局                                  │
│  3. 内容策划师:规划内容结构                              │
│  4. 文本创作者:撰写内容                                  │
│  5. 视觉设计师:提供配图建议                              │
│  6. 优化编辑师:优化文本                                  │
│  7. PPT 构建师:生成 JSON 数据                           │
└─────────────────────────────────────────────────────────┘
                          │
                          ▼ 输出 JSON
┌─────────────────────────────────────────────────────────┐
│  nanobanana-ppt-visualizer Skill                        │
├─────────────────────────────────────────────────────────┤
│  1. 接收 JSON 数据                                       │
│  2. 选择视觉风格                                          │
│  3. 生成图片(使用智能体能力)                            │
│  4. 生成 HTML 播放器                                      │
│  5. 可选:视频合成                                        │
└─────────────────────────────────────────────────────────┘
                          │
                          ▼ 输出
              交互式播放器 + 完整视频(可选)

数据格式兼容性

ppt-generator 输出的 JSON 格式与 nanobanana-ppt-visualizer 完全兼容:

{
  "metadata": {
    "title": "演示文稿标题",
    "author": "作者姓名"
  },
  "slides": [
    {
      "layout": "TitleSlide",
      "title": "封面标题",
      "content": ["副标题"],
      "notes": "备注"
    }
  ]
}

资源索引

注意事项

  • 本 Skill 与 ppt-generator Skill 完全兼容,可以无缝协作
  • 图片生成使用智能体的图像生成能力,无需第三方 API
  • 视频生成功能需要可灵 AI API(可选),如需使用请配置密钥
  • FFmpeg 是可选依赖,仅在使用视频合成功能时需要
  • 保持与用户的互动,在关键节点(如风格选择)征求反馈

使用示例

示例 1:与 ppt-generator 完整协作

  • 功能说明:两个 Skill 完整协作,从内容到视觉
  • 执行方式:ppt-generator(7 个角色)→ nanobanana-ppt-visualizer(视觉生成)
  • 用户指令:"生成一个关于 AI 产品的 PPT,使用渐变毛玻璃风格"
  • 输出:交互式播放器 + 完整视频(可选)

示例 2:基于现有 JSON 生成播放器

  • 功能说明:接收 JSON 数据,生成播放器
  • 执行方式:nanobanana-ppt-visualizer 独立运行
  • 关键参数:JSON 文件路径、风格选择
  • 命令:python scripts/generate_viewer.py --input ./ppt_data.json --style gradient-glass

示例 3:仅生成图片(无视频)

  • 功能说明:使用智能体生成 PPT 图片
  • 执行方式:智能体(图像生成)+ 脚本(播放器生成)
  • 适用场景:快速预览、静态展示
  • 输出:HTML 播放器 + 图片文件

示例 4:完整视频合成

  • 功能说明:合成包含转场的完整视频
  • 执行方式:脚本(FFmpeg 合成)
  • 前提:已生成图片和视频素材
  • 命令:python scripts/video_composer.py --output ./full_ppt_video.mp4

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

agent-team

FreeSummary

Organize AI agents into execution, management, and review roles for complex projects. Choose preset or custom teams, share project context and decisions, and combine their discussions and work into meeting records, feasibility reports, or implementation outputs.

  • Reviewing a technical architecture from several perspectives
  • Discussing product pricing across market and cost considerations
  • Assessing a new product's feasibility
anbeime/skill8.4KUpdated Oct 19, 2026

Generate character images, backgrounds, synthetic speech, and music for product videos featuring 小省导购员, a digital shopping presenter. Coordinate these assets with InfiniteTalk to produce a 25-second vertical video made from five scenes.

  • Producing a 25-second vertical product presentation video
  • Generating reference images for the 小省导购员 character
  • Creating business setting backgrounds for a video
anbeime/skill8.4KUpdated Oct 19, 2026

Convert PDF, Word, and Excel documents into structured Markdown for search and knowledge bases. The skill tries three parsers in sequence when needed and returns metadata, a confidence score, and the parser used.

  • Prepare documents for retrieval-augmented generation
  • Structure documents for an internal knowledge base
  • Extract structured text from contracts
anbeime/skill8.4KUpdated Oct 19, 2026

Organize parsed documents into four color-coded cards covering facts, explanations, risks, and actions. Preserve source references and generation details so readers can review evidence, identify uncertainty, and consider next steps in research, financial, or legal analysis.

  • Separating facts from interpretations in financial reports
  • Organizing evidence and risks in legal documents
  • Turning research documents into evidence-linked analysis cards
anbeime/skill8.4KUpdated Oct 19, 2026

Record operations across multiple AI agents and connect events into a traceable history. Search records by tracking ID, time window, or responsible component to support audits and investigations, with local storage available when the vector database fails.

  • Trace task dispatch and execution across agents
  • Search audit records by time or responsible component
  • Keep recording events during vector database failures
anbeime/skill8.4KUpdated Oct 19, 2026

Screen documents and external URLs before they enter a processing workflow. Check blocked domains and document permissions, then produce a pass or reject decision, a risk report, and a tracking ID for later review.

  • Screening documents before adding them to a knowledge base
  • Checking external URLs against a domain blocklist
  • Reviewing document permissions before processing
anbeime/skill8.4KUpdated Oct 19, 2026

See all skills by anbeime

Report a problem with this skill