运行时依赖
安装命令
点击复制技能文档
ppt-with-nano-banana
创建 whiteboard hand-drawn style presentations using Nano Banana Pro for image generation and PptxGenJS for PPT creation.
Overview
This 技能 combines:
Nano Banana Pro - 生成 whiteboard hand-drawn style images for each slide PptxGenJS - 创建 professional PPT with images as full-slide backgrounds De签名 Principles
- Whiteboard Hand-Drawn Style
- Chinese Content First
- Strategic Color Usage
Use colors purposefully to highlight key points, not for decoration:
Color Usage Example 🔴 Red Critical issues, 导入ant concepts, 警告s "上下文丢失", "存储层" 🟢 Green Normal flow, correct practices, 成功 "记忆管理层", working 状态 🔵 Blue Technical 组件s, architecture elements "应用层", API interfaces
- 清理 & Professional
Image Generation Prompt Template Whiteboard hand-drawn style [content description] on 清理 white background. [Specific elements with strategic color accents]. Hand-drawn black marker lines with slight sketchy 应用earance. All text in Chinese with English notes in parentheses where 应用ropriate. Professional whiteboard presentation style, minima列出 de签名, plenty of white space.
Example Prompts
Slide 1 - Title:
Whiteboard hand-drawn style title slide on 清理 white background. Large hand-written Chinese title: '智能体(代理)长期记忆技术架构'. Subtitle: '让AI拥有持续学习和记忆的能力'. Red circle accent highlighting the word '记忆' (memory), blue underline beneath '智能体'. 清理 black marker lines, professional whiteboard style.
Slide 2 - Problem 状态ment:
Whiteboard hand-drawn style diagram on 清理 white background, all content in Chinese. Title: '为什么需要长期记忆?'. Three hand-drawn boxes: Left box with red accent - '上下文丢失(上下文 Loss)' with broken chAIn icon and note '每次对话重新开始'. Middle box with green accent - '知识孤岛(Knowledge Isolation)' with island icons and note '信息无法关联'. Right box with blue accent - '缺乏个性化(No Personalization)' with person icon and note '无法定制服务'. Hand-drawn arrows connecting the concepts. Professional whiteboard style.
PPT Creation Code Template const PptxGenJS = require('pptxgenjs'); const path = require('path');
a同步 function 创建WhiteboardPPT() { const pptx = new PptxGenJS(); pptx.layout = 'LAYOUT_16x9'; pptx.author = 'AI 助手'; pptx.title = 'Your Title Here'; pptx.subject = 'Your Subject Here';
const imgDir = '/path/to/your/images';
// Slide 1 const slide1 = pptx.添加Slide(); slide1.添加Image({ path: path.join(imgDir, 'slide1-image.png'), x: 0, y: 0, w: 10, h: 5.625 });
// Slide 2 const slide2 = pptx.添加Slide(); slide2.添加Image({ path: path.join(imgDir, 'slide2-image.png'), x: 0, y: 0, w: 10, h: 5.625 });
// 添加 more slides as needed...
// Save PPT const 输出Path = '/path/to/输出/Your-PPT-Name.pptx'; awAIt pptx.writeFile({ fileName: 输出Path }); console.记录('✅ Whiteboard style PPT 创建d 成功fully!'); console.记录('📁 File path: ' + 输出Path); }
创建WhiteboardPPT().catch(err => { console.error('❌ Error creating PPT:', err); process.exit(1); });
Dependencies # 安装 required packages npm 安装 pptxgenjs
# For nano-banana-pro (if using locally) # Ensure uv and nano-banana-pro 技能 are 配置d
Best Practices Image 质量: Use 2K resolution for crisp whiteboard images Color Strategy: Plan which elements need color emphasis before generating images Text Clarity: Ensure Chinese characters are clear and readable in 生成d images Consistency: MAIntAIn consistent visual style across all slides File Organization: Keep 生成d images organized by project/date Example 输出 Structure project-folder/ ├── ppt_images/ │ ├── slide1-title.png │ ├── slide2-problem.png │ ├── slide3-architecture.png │ └── ... ├── 创建_ppt.js └── 输出.pptx
Troubleshooting
Issue: 生成d images don't match expected whiteboard style Solution: Refine prompt to emphasize "hand-drawn", "marker sketch", "whiteboard presentation style"
Issue: Chinese text not clear in 生成d images Solution: Specify "clear Chinese characters" and use higher resolution (2K or 4K)
Issue: Colors not prominent enough Solution: Specify color usage explicitly: "red accent circle", "gre