mcpField
V
visual-design

visual-design

github.com/factory-aiCreative & media117160 installsUpdated 4d ago
Repository

About visual-design

visual-design is a skill for generating and editing images from the command line and creating presentations. It uses nanobanana CLI for visual assets and Slidev for markdown-based slides.

Key features

  1. 01Generate and edit images with nanobanana CLI
  2. 02Create logos, icons, and diagrams
  3. 03Produce visual patterns and UI assets
  4. 04Write slides in markdown with Slidev
  5. 05Export slides to PowerPoint or build a hostable SPA

Use cases

  1. 01Generate logo and icon variations
  2. 02Edit photos or remove backgrounds
  3. 03Create diagrams such as authentication flows
  4. 04Build and export a presentation

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/factory-ai/factory-plugins --skill visual-design

After installing, type/visual-designin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

image-generation.md
presentations.md
reference-slide-example.md

Details

From the project README

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.

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

Comments

Markdown supported