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/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
razbakov/translate-blog-post
testing
VerifiedTrustedCommunity
Translate one English blog post into multiple target languages via parallel sub-agents, preserving frontmatter conventions, hero image, and brand voice. Use when the user shares a published English post URL or markdown path and says 'translate it', 'add other languages', 'publish in DE/ES/RU/UK', 'translate to 5 languages', or asks for localized versions of a specific post.
3SKILL.mdUpdated May 20, 2026
razbakov/press-kit-pack
development
VerifiedTrustedCommunity
Build a complete press kit for an event, product launch, or campaign — in multiple languages — and publish it as a shareable Google Drive folder ready to send to journalists, partners, or a delegate. Produces press releases (typically DE/EN/ES, or configurable), uploads press photos and flyers, creates an Overview document for at-a-glance briefing, and creates a Handover document with pending tasks, contacts, risks, and decisions so press distribution can be delegated. Use when the user says 'I need a press release', 'create a press kit', 'press release in X languages', 'set up a Drive folder for press', 'handover doc for someone else to run press', or has an upcoming announcement that needs to be sent to media. Trigger generously: even partial requests (just a press release, just a flyer folder) typically evolve into the full kit.
3SKILL.mdUpdated May 20, 2026
razbakov/concert-burndown
development
VerifiedTrustedCommunity
Track ticket sales for a live event (concert, festival, conference, workshop) with daily snapshots, generate a burndown chart comparing actual sales to ideal-linear targets and tier-cumulative milestones, and report whether the event is on pace. Use when the user asks how sales are going, wants to know if their event will sell out, asks for a daily sales report, wants to set up sales tracking for an upcoming event, or asks about ticket pace / velocity / projection. Trigger generously: phrases like 'how is concert sales going', 'burndown for my event', 'are we going to sell out', 'sales velocity', 'daily ticket chart', 'how many tickets do we need to sell', or any case where the user has a ticketed event with a fixed sales window and wants visibility on pacing.
3SKILL.mdUpdated May 20, 2026