visual-design

OverviewHistoryStatsSecurity

npx skills add ...

Documentation

SKILL.md

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.

npx skills add factory-ai/factory-plugins --skill visual-design

Documentation

SKILL.mdView source

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

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.

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

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

npx skills add factory-ai/factory-plugins --skill visual-design

Documentation

SKILL.md

visual-design | SkillBundle

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