Visual Design

factory-ai/visual-design

| architecture diagrams, patterns, textures, photo edits, restorations Covers nanobanana CLI for image generation and Slidev for presentations.

7k tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

101

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/Factory-AI/factory-plugins --skill visual-design

What comes with it

25 843 bytes besides the instruction

image-generation.md

presentations.md

reference-slide-example.md

The instruction itself

3 sections, as written by the author

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

How to use it

Copy the folder

Take factory-ai/visual-design from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.

Install what it needs

The instructions reference npm. Without those the skill loads but fails at the first command.