svg-draw

What This Skill Does

The svg-draw skill enables OpenClaw to act as a vector graphics generation engine. By leveraging pure SVG code generation, the agent can create custom illustrations, logos, avatars, and icons without needing heavy dependencies like PIL or ImageMagick. It utilizes a reliable system-level rsvg-convert script to transform these vector files into high-quality PNGs, making it an ideal tool for programmatic visual generation directly within the agent's workspace.

Installation

You can install this skill by running the following command in your terminal: clawhub install openclaw/skills/skills/lijy2015/svg-draw Once installed, the skill files, including templates and the conversion script, will be located in /root/.openclaw/workspace/skills/svg-draw/.

Use Cases

This skill is perfect for scenarios requiring dynamic or on-the-fly image generation:

• Custom Branding: Generate consistent, branded avatars or logos using defined templates.
• Data Visualizations: Create custom charts or diagrams by programmatically updating SVG paths.
• Asset Generation: Rapidly create simple icons, character sprites, or illustrations for creative projects.
• Automated Reporting: Add visual headers or labels to generated documents by outputting SVG assets and converting them to image files for inclusion in final reports.

Example Prompts

1. "Create a professional logo for a tech startup that features a blue circle with a silver gear in the center, and save it as logo.png."
2. "I need a customized avatar; please use the dragon template but change the body color to emerald green and save it as green_dragon.png."
3. "Generate a custom illustration of a lobster using the available template and ensure it is exported as a 512x512 PNG file."

Tips & Limitations

• Precision Matters: When editing templates, ensure your coordinate system in the viewBox matches your intended design scale.
• Backgrounds: Always include a background <rect> element if you want to avoid transparent backgrounds in your exported PNG files.
• Template Re-use: Start by inspecting assets/ files to understand the layering structure (Background -> Body -> Features). This helps in making surgical modifications without breaking the SVG syntax.
• Limitations: This tool is best for flat vector art. It does not support complex raster-to-vector conversion or high-end bitmap manipulation. Always ensure rsvg-convert is available in your environment before executing conversion scripts.