visual-design

图像生成与演示文稿制作。适用于以下场景： - 用户需要各类图像：Logo、图标、应用素材、图表、流程图、架构图、设计模式、纹理、照片修图与修复 - 用户需要一份演示文稿或幻灯片集涵盖用于图像生成的 nanobanana CLI，以及用于演示文稿制作的 Slidev。

SKILL.md

--- frontmatter

name: visual-design
version: 4.0.0
description: |
  Image generation and presentations. Use when:
  - User asks for images: logos, icons, app assets, diagrams, flowcharts,
    architecture diagrams, patterns, textures, photo edits, restorations
  - User needs a presentation or slide deck
  Covers nanobanana CLI for image generation and Slidev for presentations.

Visual design

Image generation and presentations.

Image generation

Create and edit images from the command line using nanobanana CLI.

bash

npm install -g @factory/nanobanana
export GEMINI_API_KEY="your-key"

nanobanana generate "company logo" --count=4 --styles=modern,minimal
nanobanana edit photo.png "remove background"
nanobanana icon "settings gear" --style=flat
nanobanana diagram "auth flow" --type=flowchart

Handles: logos, icons, diagrams, patterns, photo restoration, UI assets, visual sequences.

See: image-generation.md

Presentations

Create slides using Slidev, a markdown-based presentation tool.

bash

npm init slidev@latest
slidev                    # dev server
slidev export --format pptx   # export to PowerPoint
slidev build              # build as hostable SPA

Write slides in markdown, get code highlighting, animations, diagrams, and Vue components.

See: presentations.md and reference-slide-example.md