home / skills / plurigrid / asi / visual-design

visual-design skill

safe

This skill helps you create logos, icons, diagrams, and slide decks from the command line and Slidev, saving design time.

npx playbooks add skill plurigrid/asi --skill visual-design

Review the files below or copy the command above to add this skill to your agents.

Files (1)

SKILL.md

1.4 KB

---
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.

```bash
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](./image-generation.md)

## Presentations

Create slides using Slidev, a markdown-based presentation tool.

```bash
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](./presentations.md) and [reference-slide-example.md](./reference-slide-example.md)

Overview

This skill provides command-line image generation and slide-deck creation tools for design tasks. It combines the nanobanana CLI for creating and editing images with Slidev for building markdown-based presentations. Use it to produce logos, icons, diagrams, photo edits, and professional slide decks quickly.

How this skill works

Use the nanobanana CLI to generate, edit, and batch-produce images from prompts and simple commands, covering logos, icons, diagrams, patterns, textures, restorations, and UI assets. Use Slidev to author slides in Markdown, preview locally, export to formats like PPTX, and build hostable single-page presentations with animations, code highlighting, and diagrams.

When to use it

You need a quick set of logo or icon variations for branding options.
You must generate architecture diagrams, flowcharts, or UI mock assets from prompts.
You want to restore or edit photos (remove backgrounds, repair damage).
You need a slide deck authored in Markdown, exportable to PPTX or a hostable SPA.
You want consistent visual sequences or patterns for product UI or marketing.

Best practices

Provide concise, descriptive prompts for image generation (subject, style, color palette, output count).
Use example images or masks when editing to guide precise changes like background removal or restorations.
Keep Slidev slides modular: use small Markdown sections per slide and reuse components for consistent styling.
Preview images and slides locally before exporting to catch layout or visual issues early.
Export multiple formats (PNG, SVG for assets; PPTX and SPA for slides) to support different delivery needs.

Example use cases

Generate four modern, minimal logo concepts to present to stakeholders.
Create a flowchart diagram of authentication steps for engineering docs and export as SVG.
Edit product photos to remove backgrounds and produce app-ready icons and thumbnails.
Author a technical presentation in Slidev, include live code snippets and diagrams, then export to PPTX for a client.
Produce patterned textures and visual sequences for UI theming and marketing assets.

FAQ

Do I need an API key to generate images?

Yes. Configure the image generation service API key as an environment variable before using the CLI.

Can Slidev export to PowerPoint?

Yes. Slidev supports exporting to PPTX as well as building a hostable SPA.

What image types can nanobanana handle?

It handles logos, icons, diagrams, patterns, textures, photo edits and restorations, and visual sequences.