logo
Skill8 starsChanged 9 days agoMITView on GitHub
Generate logos, icons, ornaments, illustrations, badges and diagrams with the image tool, then keep the chosen artwork as real SVG paths through SVG Studio. Use for an image-first visual-to-SVG request or /logo.
1 other project uses a version of this.
Adopted by
Most recently taken up by
- MohamedAbdallah-14/prompt-to-assettheir own version, first seen May 6, 2026
Other versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 1
- MohamedAbdallah-14/prompt-to-asset★ 18same name
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository17 other files it gives its agents.
- app-controlSkill
- artifactSkill
- clean-systemSkill
- contribution-checklistSkill
- debuggingSkill
- doc-styleSkill
- experiment-workflowSkill
- first-principlesSkill
- latex-authoringSkill
- multi-agentSkill
- product-designSkill
- project-docsSkill
- reference-driven-productSkill
- specSkill
- tddSkill
- test-auditSkill
- word-farsi-docxSkill
The file
We split this skill into the rules it gives an agent
4 rules. About 0 are common, 3 are distinctive, and 1 is very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈3
Distinctive · estimate
This author's own choices. Worth a look.
1
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 12
Write each prompt in five parts, and keep the prompts the user approved in one file so new ones copy their shape:
- Distinctive: line 20
Use the built-in image tool only, one image per call, and make three distinct directions for a new design.
- Very specific: line 24
Use SVG Studio's MCP tools: vectorize_multicolour_image for colour art, vectorize_image for one ink.
- Distinctive: line 30
Keep the holes, and frame the viewBox to the mark.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Image first, then SVG
Generate a high-quality image, turn it into SVG paths with SVG Studio, then animate it or use it as an icon. That is the whole job. Bad image prompts are what break it.
1. Prompt well
Write each prompt in five parts, and keep the prompts the user approved in one file so new ones copy their shape:
- One concrete, recognizable subject that carries the meaning: two offset robot heads for many agents; a crane whose wing folds around a sun for a tea house. Never abstract planes, plain letters or generic geometry.
- Describe it part by part: pose, shapes, cutouts, and where the empty space falls.
- Name its use and size: "toolbar icon, unmistakable at 20 px, no detail smaller than one eighth of its width, fills 85% of the square canvas".
- One flat ink colour (a hex code) on genuine transparency.
- A short no-list: gradients, shading, outlines, text, badge, mockup.
Use the built-in image tool only, one image per call, and make three distinct directions for a new design. Save each exact prompt beside its image. The user picks one; a recommendation is not a choice.
2. Turn it into SVG
Use SVG Studio's MCP tools: vectorize_multicolour_image for colour art, vectorize_image for one ink. Without the MCP tools, run the CLI wrapper from this folder:
SVG_STUDIO_MODULE=/path/to/svg/mcp-server/dist/vectorize.js node scripts/trace.mjs source.png output.svg 24Keep the holes, and frame the viewBox to the mark. Output only real paths with explicit fills: no embedded raster, script, foreignObject or font. Never redraw the design by hand.
3. Check, then use
SVG_STUDIO_MODULE=/path/to/svg/mcp-server/dist/vectorize.js node scripts/proof.mjs proof.png source.png output.svgLook at source and SVG side by side, on light and on dark, at the size they will be used. Visible damage fails even when the numbers look good. Then animate it (SVG or CSS) or place it as the icon. The wrapper's own checks: node --test test/pipeline.test.mjs, with the same SVG_STUDIO_MODULE.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.