A specialized skill for generating high-quality vector graphics and converting them to PNG format without external Python graphics libraries.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install svg-draw
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install svg-draw using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is SVG Draw?
The svg-draw skill is a powerful utility within the Openclaw Skills ecosystem designed for creating custom illustrations, avatars, and artwork using pure SVG code. By bypassing heavy dependencies like PIL or ImageMagick, it offers a lightweight and efficient way to programmatically generate vector graphics. It leverages system-level tools for high-fidelity conversion, making it ideal for developers and AI agents who need to produce visual assets on the fly.
This skill provides a structured approach to vector drawing, including pre-built templates for characters like dragons and lobsters. Whether you are building a mascot or a technical diagram, this tool ensures your graphics are scalable, customizable, and ready for distribution across messaging platforms like Telegram or DingTalk.
SVG Draw Use Cases
- Generating custom user avatars or profile pictures programmatically.
- Creating simple logos and brand icons using geometric shapes.
- Designing character illustrations for chatbots or automated messaging.
- Converting existing SVG assets into raster PNG files for web compatibility.
- Rapid prototyping of UI elements and vector-based diagrams.
How SVG Draw Works
- The agent selects a starting point, either by using a built-in template from the assets directory or writing raw SVG XML code.
- SVG content is written to a local file within the workspace, ensuring all necessary XML namespaces and viewBox attributes are included.
- The skill invokes a specialized bash conversion script that utilizes rsvg-convert to transform the vector data into a high-resolution PNG.
- Optional parameters for width and height are applied during the conversion process to match the target output requirements.
- The final PNG image is then ready to be shared via integrated communication channels or saved for further use.
SVG Draw Setup
To use this feature from Openclaw Skills, ensure that the rsvg-convert utility is installed on your system. You can verify this by running which rsvg-convert in your terminal.
Installation Steps
- Ensure the skill is available in your workspace directory.
- Make the conversion script executable:
chmod +x /root/.openclaw/workspace/skills/svg-draw/scripts/svg_to_png.sh
- Test the conversion with an existing template:
/root/.openclaw/workspace/skills/svg-draw/scripts/svg_to_png.sh input.svg output.png 400 400
SVG Draw Data Schema & Taxonomy
The svg-draw skill maintains a clean directory structure for assets and scripts to ensure compatibility within Openclaw Skills.
| Directory | Description |
|---|---|
scripts/ |
Contains svg_to_png.sh for rasterization tasks. |
assets/ |
Houses SVG templates like dragon_template.svg and lobster_template.svg. |
output/ |
Recommended location for generated SVG and PNG files. |
Technical Taxonomy:
- SVG Attributes: Uses standard xmlns, viewBox, and rect for background layers.
- Naming Convention: Output files typically follow the name.svg and name.png pattern for easy identification.
SVG Draw Advanced Features
- Multi-layer character composition (Background, Body, Features, Accessories).
- Dynamic text embedding with custom font families and anchors.
- Opacity and transparency management for sophisticated visual effects.
- High-resolution export support (up to 1024x1024 or higher).
- Extensible template system for recurring design patterns within Openclaw Skills.
SKILL.md
Loading
Related Openclaw Skills
XLSX Spreadsheet Manipulation
A powerful skill for programmatically managing Microsoft Excel files using Python and the openpyxl library.
Template Engine
A powerful automation tool for programmatically filling document templates with structured data using Jinja2 syntax.
Table Extractor
A high-precision utility for extracting structured tables from PDF documents using advanced Lattice and Stream detection methods.
Smart OCR
A high-performance OCR skill powered by PaddleOCR for extracting structured text and layout data from images and scanned documents in over 100 languages.
McKinsey PPT Design Framework
Automate the creation of professional, consultant-grade PowerPoint presentations using a McKinsey-style design framework and python-pptx.
WorkIQ for Microsoft 365
A natural language CLI tool for querying emails, meetings, documents, and Teams messages within the Microsoft 365 ecosystem.
Featured*
