
visual-design
โ 90by factory-ai ยท part of factory-ai/factory-plugins
Image generation and presentations.
This is the playbook your agent receives when the skill activates โ you don't need to read it to use the skill, but it's here to audit before installing.
by factory-ai
Image generation and presentations.
npx skills add https://github.com/factory-ai/factory-plugins --skill visual-design
Download ZIPGitHub90
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.
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=flowchartRun this in your project โ your agent picks the skill up automatically.
No common issues documented yet. If you hit a problem, the repository's GitHub Issues page is the best place to look.