Skills
.Work. You
Rest

leonardo

Community

Create and refine production-ready visuals

Design & Creative#svg#image-generation#gemini-vision#background-removal#design-assets#leonardo#lucid-origin
Authorxkazm04
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation of production-ready visual assets by generating images with Leonardo's Lucid Origin model, removing backgrounds for transparent components, analyzing results with Gemini vision, and producing theme-adaptive SVGs ready for UI integration.

Core Features & Use Cases

  • Image generation: Produce icons, state illustrations, backgrounds, and bespoke visuals with configurable dimensions, style, and contrast.
  • Background removal & extraction: Remove backgrounds and produce transparent PNGs for component use or further SVG reconstruction.
  • Vision-driven iteration: Use Gemini vision to analyze shapes, colors, and composition and drive iterative refinements and hand-coded SVG recreation.
  • Example: Generate a 512x512 app icon, remove its background, analyze structure with Gemini, convert to a currentColor SVG, and integrate into a React component for both light and dark themes.

Quick Start

Use the leonardo skill to generate a 512x512 vibrant app icon for the Neon Android Head brand and produce a transparent, theme-adaptive SVG.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: leonardo
Download link: https://github.com/xkazm04/personas/archive/main.zip#leonardo

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.