visual-design

Generate custom visual assets and markdown-based presentation decks via CLI tools.

Updated Jul 13, 2026
One-click install
npx skills add https://github.com/ElbertePlinio/dotfiles --skill visual-design-elberteplinio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-design
Source: https://github.com/ElbertePlinio/dotfiles/tree/main/private_dot_factory/plugins/marketplaces/factory-plugins/plugins/droid-evolved/skills/visual-design
Command: npx skills add https://github.com/ElbertePlinio/dotfiles --skill visual-design-elberteplinio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Users often lack the specialized design skills or expensive software needed to quickly create custom visual assets like logos, diagrams, and icons, as well as polished professional presentation decks for meetings and project updates.

Core Features & Use Cases

  • AI Image Generation: Use the nanobanana CLI to generate logos, app icons, technical diagrams, seamless textures, and edit or restore existing photos via simple command line prompts.
  • Markdown-Based Presentations: Build interactive, developer-friendly slide decks with Slidev, featuring code highlighting, click animations, Vue components, and export to PDF, PPTX, or hostable SPAs.
  • Use Case Example: A product manager can generate a custom microservices architecture diagram for a quarterly review and compile it into a polished slide deck with code snippets and speaker notes, all without using traditional design tools.

Quick Start

Use the visual-design skill to generate a minimalist blue and white logo for a SaaS startup and build a 3-slide presentation outlining the product launch plan.

Frequently Asked Questions about visual-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a custom logo or technical diagram without specialized design software?

You can generate custom logos and technical diagrams without specialized design software by using the nanobanana CLI for AI image generation via simple command line prompts.

Can I build interactive slide decks with code highlighting and export them to PDF?

You can build interactive slide decks with code highlighting and export them to PDF, PPTX, or hostable SPAs by using Slidev for markdown-based presentation building.

What is the best way to create a developer-focused presentation for a project update?

The best way to create developer-focused presentations for project updates is using Slidev, which supports markdown-based slides, click animations, Vue components, and speaker notes.

Do I need prior design expertise to restore photos or generate app icons?

You do not need prior design expertise to restore photos or generate app icons because the nanobanana CLI processes simple command line prompts to edit existing photos and generate assets.

Does Slidev support click animations and Vue components for technical tutorials?

Slidev supports click animations and Vue components for technical tutorials, allowing you to build interactive, developer-friendly slide decks with code highlighting.

How do I compile an AI-generated microservices architecture diagram into a presentation?

You can compile an AI-generated microservices architecture diagram into a presentation by generating the image with the nanobanana CLI and embedding it into a Slidev markdown slide deck.