skills.rest
dvcoolster
dvcoolsterCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

asset-creator

Generate SVG assets from reference materials and guidelines.

1|Updated Jan 29, 2026
Search Tags:#design#graphics#icons#svg#asset-generation#vector-graphics
One-click install
npx skills add https://github.com/dvcoolster/zo-passport-docs --skill asset-creator-dvcoolster
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: asset-creator
Source: https://github.com/dvcoolster/zo-passport-docs/tree/main/asset-creator
Command: npx skills add https://github.com/dvcoolster/zo-passport-docs --skill asset-creator-dvcoolster

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This skill accelerates the creation of SVG assets and icons by converting guidelines and references into ready-to-use vector graphics, reducing manual design time.

Core Features & Use Cases

  • Deterministic SVG output: produce clean, scalable assets with transparent backgrounds.
  • Reference-driven workflow: leverages references and tooling to assemble assets from symbol libraries.
  • Asset type support: supports logo, icon, customized, and character-like assets as defined in the references.

Quick Start

Provide a description of the SVG asset you want and I will return the corresponding SVG markup.

Frequently Asked Questions about asset-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate SVG assets from text descriptions?▼

You can generate SVG assets by providing a text description of your desired graphic; the tool returns pure SVG markup with a 250x250 viewBox and transparent background.

Can I create vector graphics for logos and icons automatically?▼

Yes, you can create vector graphics for logos, icons, customized shapes, and character-like assets automatically by converting reference guidelines into scalable SVG markup.

Does this SVG generation method support custom viewBox dimensions?▼

No, the SVG generation method outputs markup with a fixed 250x250 viewBox dimension, ensuring consistent scalable vector graphics for web and mobile interfaces.

What is the best way to convert design guidelines into scalable vector graphics?▼

The best way to convert design guidelines into scalable vector graphics is using a reference-driven workflow that assembles assets from symbol libraries into deterministic SVG output.

Are transparent backgrounds included by default in the generated SVG markup?▼

Yes, transparent backgrounds are included by default in the generated SVG markup, allowing the scalable vector graphics to integrate seamlessly into various web and mobile interfaces.

Related Skills

Explore More Design & Creative Skills→
TW-NLPTW-NLP
91

brand-guidelines

Apply Anthropic color palettes and Poppins or Lora typography to text and graphics.

Community
Basic
exiaoexiao
37

gemini-svg

Generate interactive SVG animations with embedded CSS and JavaScript via the Gemini API.

Community
Advanced
haboshihaboshi

svg-to-webp

Convert SVG images to WebP or PNG using the sharp library.

Community
Intermediate
rawerawe

firstspirit-fs-cli

Automate FirstSpirit template export, modification, and re-import via fs-cli workflows.

Community
Advanced