visual-design
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.
SKILL.md
| Name | visual-design |
| 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. |
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.
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.
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.