SVG Symbol Composer
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md to install @user_800d68d6/svg-composer
About this skill
Problem
When generating passbooks, CAPTCHAs, badges, or compound icons, teams often need to combine existing SVG symbols into new vector graphics. Manually editing path coordinates and canvas sizes is error-prone, and batch combinations are hard to preview. svg-composer targets this workflow by accepting text or external SVG symbols and producing downloadable .svg output.
How it works
- Built-in charset: Font Awesome Free symbols for
0-9andA-Z; lowercase input is normalized to uppercase, with 36 characters only. - Four composition modes: sequential, full permutation, Cartesian product, and length-limited composition; Cartesian mode is bounded by at most 5 input characters and length 4.
- Custom symbols: loads user-provided
.svgfiles that contain validpath data. - Batch preview: can call
generate_preview_html()to generate an inline preview page without a server.
The workflow is to input text, select a mode and direction, set black/white fill and horizontal/vertical layout, then generate an SVG file; if the total content exceeds the canvas, it scales proportionally.
Boundaries
- Outputs SVG only; no PNG/JPG export.
- Suited for symbol composition, not arbitrary vector drawing or wireframes.
- Requires Python 3.7+ and the
svgpathtoolsdependency.
Use Cases
- Design a passbook page by permuting 0-9 characters into one SVG file.
- Compose multiple external SVG icons horizontally into a badge and preview it in HTML.
- Generate CAPTCHA candidate SVGs from A-Z and digits using length-limited Cartesian products.
- Create vertical black-and-white SVGs from the built-in charset for offline print materials.
Best For
- Visual designers building CAPTCHAs or passbooks who need character permutations and length-limited SVG output.
- Front-end engineers developing SVG icon components who want to combine external SVG symbols into one composite icon.
- Product managers preparing badges or logo assets who need built-in characters composed sequentially or by Cartesian product.
- Python engineers maintaining batch graphics scripts who need SVG file output and HTML preview generation.
Related Skills
Uses step-by-step choices to confirm business, palette, and layout, then exports an editable .drawio architecture diagram.
An agent skill for the Miaoyin AI music REST API that supports SUNO/Mureka-based song generation, continuation, cover, video, WAV, and stem splitting.
Distills text, files, or images into structured knowledge and generates knowledge-card prompts for drawing tools, supporting 3:4 portrait or 16:9 landscape outputs.
Capture full-page, viewport, or element screenshots with Playwright while handling lazy loading, internal scroll, mobile layouts, and Linux CJK fonts.