Graphic Recording | Skills Pool

技能档案

Graphic Recording

Generate a graphic-recording style image from Amaroad slide content or slide screenshots, match it to the deck theme, save it under the deck assets directory, and insert it into MDX. Use for hand-drawn visual note style slides.

co-r-e25 星标2026年4月14日

职业
分类: 全栈

技能内容

Generate graphic-recording style visual note illustrations from slide content.

Use When

The user asks for a graphic-recording or hand-drawn visual summary
A text-heavy slide should be converted into a more illustrative visual
A slide needs a theme-matched sketch note image

Prerequisites

GEMINI_API_KEY is set in .env.local

Workflow

Identify the target deck, source slide, and insertion target
Extract source material
- Prefer reading the target MDX slide directly
- If layout context matters, capture the slide image:

npx tsx .codex/skills/nanobanana-image/scripts/capture-slide.ts \
  --deck <deck-name> \
  --slide <0-indexed> \
  --output /tmp/slide-capture.png

相关技能

npx tsx .codex/skills/nanobanana-image/scripts/generate-image.ts \
  --prompt "<constructed prompt>" \
  --output "decks/<deck>/assets/<filename>.png" \
  --aspect-ratio 16:9 \
  --resolution 2K