razbakov/image-to-svg
skills/image-to-svg/SKILL.md
Convert raster images (JPEG, PNG) to SVG vector graphics using Potrace. Use when the user asks to vectorize an image, convert a logo to SVG, trace a bitmap, or create vector graphics from a raster image.
$ install --global
skillsauthnpx skillsauth add razbakov/skills image-to-svgInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 18, 2026, 5:04 AM17.9s1 file scanned
SKILL.md
- name:
- image-to-svg
- description:
- Convert raster images (JPEG, PNG) to SVG vector graphics using Potrace. Use when the user asks to vectorize an image, convert a logo to SVG, trace a bitmap, or create vector graphics from a raster image.
Image to SVG Conversion
Convert logos and icons from raster formats to clean SVG vectors using Potrace.
Prerequisites
# macOS
brew install potrace imagemagick
# Ubuntu/Debian
sudo apt install potrace imagemagick
Quick Workflow
1. Prepare the image
Convert to PBM (portable bitmap) format for Potrace:
# For clean logos with solid colors
magick input.jpg -colorspace Gray -threshold 50% output.pbm
# Adjust threshold (0-100%) based on image:
# - Lower values: more black, captures finer details
# - Higher values: more white, cleaner shapes
2. Trace to SVG
potrace output.pbm -s -o output.svg
Potrace options:
| Option | Effect |
|--------|--------|
| -s | Output SVG format |
| -t 5 | Suppress speckles smaller than 5 pixels |
| -a 1.0 | Smoother curves (0=polygon, 1.34=default) |
| -O 0.2 | Optimize paths (0=least, 1=most) |
3. Add colors (optional)
Potrace outputs monochrome SVG. To add colors:
- Open the SVG and identify path groups
- Change
fill="#000000"to desired colors - For multi-color logos, separate paths into
<g>groups with different fills
Example color edit:
<!-- Before -->
<g fill="#000000">
<path d="...lips..."/>
<path d="...hand..."/>
</g>
<!-- After: separate groups with colors -->
<g fill="#C21E1E"> <!-- Red for lips -->
<path d="...lips..."/>
</g>
<g fill="#FFFFFF"> <!-- White for hand -->
<path d="...hand..."/>
</g>
Multi-Color Logos
For logos with distinct color regions:
- Create separate masks for each color
- Trace each mask individually
- Combine into single SVG with color groups
# Extract red channel (for red elements)
magick input.jpg -channel R -separate -threshold 50% red.pbm
potrace red.pbm -s -o red.svg
# Combine manually or use SVG editor
Troubleshooting
| Issue | Solution |
| ------------------- | --------------------------------------------------- |
| Too much noise | Increase threshold or use -t to suppress speckles |
| Missing details | Decrease threshold value |
| Jagged edges | Use -a 1.5 for smoother curves |
| File too large | Use -O 1 for maximum optimization |
| Background included | Use -k 0.5 to set black level cutoff |
Output Verification
Always verify the SVG renders correctly:
- Open in browser to check appearance
- Test at different sizes (SVG should scale cleanly)
- Verify on both light and dark backgrounds if needed
Related Skills
razbakov/skills/handoff
tools
VerifiedTrustedCommunity
--- name: handoff description: Get an agent past a browser/UI wall it can't (or must not) cross on its own — a login-gated dashboard, a CAPTCHA, a 2FA prompt, an API that keeps rejecting the write, or an irreversible click that policy says a human must make. This skill is an ESCALATION LADDER, not a first move: it tells you to try the automated browser surfaces FIRST (Chrome-in-Claude, computer-use, an autonomous browser sub-agent) and only fall back to the Handoff app — a wrapper browser that h
3SKILL.mdUpdated Jul 17, 2026
razbakov/summarize-youtube
documentation
VerifiedTrustedCommunity
Summarize one or more YouTube videos from their links. Use this whenever the user pastes a youtube.com or youtu.be URL (or several) and wants to know what it's about — phrasings like "summarize to telegram", "tldr these videos", "what do these say", "summary of this talk", or just dropping links with no instruction at all. Fetches each video's real transcript via yt-dlp (not the page text, which never contains the transcript), cleans the captions, and writes a per-video summary. Default delivery is Telegram; honor any other surface the user names ("to my notes", "just here in chat", "email it"). Trigger even when the user only pastes bare links — bare YouTube links almost always mean "tell me what's in these".
3SKILL.mdUpdated Jun 15, 2026
razbakov/skills/daily-digest
data-ai
VerifiedTrustedCommunity
Daily Digest — Chief-of-Staff role consolidates the six top-managers into one Telegram message to the Commander, instead of six. Implements the protocol from agent-proactivity.md.
3SKILL.mdUpdated Jun 15, 2026
razbakov/instagram-launch-grid
development
VerifiedTrustedCommunity
Seed a new or empty Instagram account with a 9-post grid (3×3) so the profile looks established the moment a new visitor lands. Designed for festivals, new businesses, product launches, conferences, communities — any time an empty IG profile would hurt conversion from external traffic (QR scans, flyer drops, cross-promo). Generates assets via /image-from-gemini (per content-publishing rules — never HTML), writes captions with hashtag sets, and outputs a posting order + cadence plan. Trigger generously: phrases like '9 posts for instagram', 'fill my IG', 'starter grid', 'launch grid', 'instagram seed', '9-post grid', 'IG account not to look empty', 'first instagram posts', 'feed bootstrap', '3x3 grid', 'instagram launch content'. Even if the user mentions only one piece (just the images, just the captions, just the order), use this skill — the grid only works as an integrated bundle.
3SKILL.mdUpdated May 21, 2026