# Send SVG Draw to your agent Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually. ## Fast path - Download the package from Yavira. - Extract it into a folder your agent can access. - Paste one of the prompts below and point your agent at the extracted folder. ## Suggested prompts ### New install ```text I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete. ``` ### Upgrade existing ```text I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run. ``` ## Machine-readable fields ```json { "schemaVersion": "1.0", "item": { "slug": "svg-draw", "name": "SVG Draw", "source": "tencent", "type": "skill", "category": "AI 智能", "sourceUrl": "https://clawhub.ai/LiJY2015/svg-draw", "canonicalUrl": "https://clawhub.ai/LiJY2015/svg-draw", "targetPlatform": "OpenClaw" }, "install": { "downloadUrl": "/downloads/svg-draw", "sourceDownloadUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=svg-draw", "sourcePlatform": "tencent", "targetPlatform": "OpenClaw", "packageFormat": "ZIP package", "primaryDoc": "SKILL.md", "includedAssets": [ "SKILL.md", "assets/dragon_template.svg", "assets/lobster_template.svg", "scripts/svg_to_png.sh" ], "downloadMode": "redirect", "sourceHealth": { "source": "tencent", "status": "healthy", "reason": "direct_download_ok", "recommendedAction": "download", "checkedAt": "2026-04-30T16:55:25.780Z", "expiresAt": "2026-05-07T16:55:25.780Z", "httpStatus": 200, "finalUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=network", "contentType": "application/zip", "probeMethod": "head", "details": { "probeUrl": "https://wry-manatee-359.convex.site/api/v1/download?slug=network", "contentDisposition": "attachment; filename=\"network-1.0.0.zip\"", "redirectLocation": null, "bodySnippet": null }, "scope": "source", "summary": "Source download looks usable.", "detail": "Yavira can redirect you to the upstream package for this source.", "primaryActionLabel": "Download for OpenClaw", "primaryActionHref": "/downloads/svg-draw" }, "validation": { "installChecklist": [ "Use the Yavira download entry.", "Review SKILL.md after the package is downloaded.", "Confirm the extracted package contains the expected setup assets." ], "postInstallChecks": [ "Confirm the extracted package includes the expected docs or setup files.", "Validate the skill or prompts are available in your target agent workspace.", "Capture any manual follow-up steps the agent could not complete." ] } }, "links": { "detailUrl": "https://openagent3.xyz/skills/svg-draw", "downloadUrl": "https://openagent3.xyz/downloads/svg-draw", "agentUrl": "https://openagent3.xyz/skills/svg-draw/agent", "manifestUrl": "https://openagent3.xyz/skills/svg-draw/agent.json", "briefUrl": "https://openagent3.xyz/skills/svg-draw/agent.md" } } ``` ## Documentation ### SVG Draw Generate vector graphics and raster images using pure SVG code and system conversion tools. ### Quick Start For new drawings: Write SVG code directly to a file (use templates in assets/ as starting points) Convert to PNG using the conversion script Send via the appropriate channel (DingTalk, Telegram, etc.) For existing SVG files: Use the conversion script to convert SVG → PNG Share the resulting image ### Basic Workflow Choose or create a template Check assets/ for existing templates (dragon, lobster, etc.) Or write SVG from scratch Write the SVG file # Example: Write SVG to file write('/path/to/output.svg', svg_content) Convert to PNG /root/.openclaw/workspace/skills/svg-draw/scripts/svg_to_png.sh input.svg output.png 400 400 ### SVG Structure Tips Always include: tag with xmlns="http://www.w3.org/2000/svg" and viewBox Background (prevents transparent backgrounds) Appropriate width and height attributes Common SVG elements: Shapes: , , , , Text: with text-anchor="middle" for centering Colors: Use hex codes or named colors Opacity: Add opacity attribute for transparency effects Example character structure: Background → Body → Head → Face features → Limbs → Accessories → Name ### Converting SVG to PNG Use the bundled conversion script: /root/.openclaw/workspace/skills/svg-draw/scripts/svg_to_png.sh [width] [height] Parameters: input.svg: Source SVG file path output.png: Destination PNG file path width: Output width in pixels (default: 400) height: Output height in pixels (default: 400) Example: /root/.openclaw/workspace/skills/svg-draw/scripts/svg_to_png.sh dragon.svg dragon.png 512 512 ### Dragon Template (assets/dragon_template.svg) Blue dragon with: Serpentine body with wings Golden eyes with highlights Horns and pointed ears Curved tail Magical sparkles Name label: "大龙 🐉" Customization ideas: Change fill="#4a90d9" for different body colors Adjust eye color by modifying fill="#ffcc00" Add/remove features (scales, fire, etc.) Change background color ### Lobster Template (assets/lobster_template.svg) Red lobster with: Orange-red shell with segments Large claws (left and right) Eight walking legs Eyes on stalks Long antennae Tail fan Ocean bubbles background Name label: "大龙虾 🦞" Customization ideas: Adjust shell color: fill="#e85d04" (darker red) or fill="#f48c06" (orange) Change claw size or position Add more bubbles Modify background ### Color Palettes Friendly/Cute: Body: #4a90d9 (blue), #f48c06 (orange) Accents: #ffcc00 (yellow), #ff6b6b (coral) Background: #1a1a2e (dark blue) Professional: Use muted tones Stick to 2-3 main colors Add subtle gradients if needed ### Character Design Principles Keep it simple — Too many details look messy at small sizes Use contrast — Light features on dark backgrounds Add personality — Eyes, expressions, small details Include a label — Add name/title at the bottom for context Test at target size — View at 400x400 to check readability ### Creating an Avatar Start with a template that matches the vibe (dragon, lobster, etc.) Modify colors and features Add personal touches (accessories, expressions) Add name label at bottom Convert and send ### Making a Logo Use simple geometric shapes Limit to 2-3 colors Consider scalable design Test at multiple sizes Export at higher resolution (800x800 or 1024x1024) ### Customizing Templates Change colors: Find fill="#" or stroke="#" attributes and replace the hex codes Resize elements: Adjust rx, ry (ellipses) or width, height (rectangles) Reposition: Modify cx, cy (circles/ellipses) or x, y (rectangles) Add text: Your Text ### scripts/ svg_to_png.sh - Convert SVG to PNG using rsvg-convert ### assets/ dragon_template.svg - Friendly blue dragon lobster_template.svg - Cute red lobster ### Troubleshooting SVG not rendering: Check for proper tag with xmlns attribute Ensure viewBox is set correctly Verify all tags are closed Conversion fails: Confirm rsvg-convert is installed: which rsvg-convert Check file paths are correct Verify SVG syntax is valid Image looks wrong: Test SVG in browser first Check coordinate system (viewBox vs width/height) Verify element stacking order (later elements draw on top) ## Trust - Source: tencent - Verification: Indexed source record - Publisher: LiJY2015 - Version: 1.0.0 ## Source health - Status: healthy - Source download looks usable. - Yavira can redirect you to the upstream package for this source. - Health scope: source - Reason: direct_download_ok - Checked at: 2026-04-30T16:55:25.780Z - Expires at: 2026-05-07T16:55:25.780Z - Recommended action: Download for OpenClaw ## Links - [Detail page](https://openagent3.xyz/skills/svg-draw) - [Send to Agent page](https://openagent3.xyz/skills/svg-draw/agent) - [JSON manifest](https://openagent3.xyz/skills/svg-draw/agent.json) - [Markdown brief](https://openagent3.xyz/skills/svg-draw/agent.md) - [Download page](https://openagent3.xyz/downloads/svg-draw)