# Create SVG Artwork from Text Prompts

Designers and developers often need quick vector artwork from a written idea. This skill generates an image with Gemini, traces it, and saves an SVG file.

## Install

```bash
npx skillstore add 0x6a77/create-svg-from-prompt
```

## Metadata

- Status: approved
- Slug: 0x6a77-create-svg-from-prompt
- Skillstore revision: r1
- Version status: missing
- Tree hash: 9570024cb7b187acc23902cc4ebfb8820c7dade93e9747e4efedc9a040a76228
- Author: 0x6a77
- GitHub username: 0x6a77
- License: MIT
- Repository: https://github.com/0x6a77/pelican-rides-a-bicycle/tree/main/.claude/skills/create-svg-from-prompt
- Ref: 2e36836131679643f7a49e4cfff588d67adc404b
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: confirmation\_required
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network, env\_access
- Quality score: 38
- Quality tier: warning
- Public page: https://skillstore.pages.dev/skills/0x6a77-create-svg-from-prompt
- Manifest: https://skillstore.pages.dev/api/skills/0x6a77-create-svg-from-prompt/manifest

## Capabilities

- Creates SVG files from text descriptions of images or scenes.
- Uses Gemini image generation as the raster image source.
- Converts generated image data into SVG output with autotrace.
- Names the output file from the requested image subject.
- Provides setup commands for installing autotrace when missing.

## Use Cases

- Prototype Interface Illustrations: Generate small SVG illustrations for product mockups, empty states, or documentation pages.
- Create Lightweight Web Assets: Turn simple visual ideas into SVG files that can be edited or embedded in web projects.
- Draft Visual Concepts Quickly: Produce editable vector drafts before investing time in manual illustration work.

## Prompt Templates

### Simple Icon

```
Generate an SVG of a simple line icon showing a calendar with a check mark.
```

### Product Illustration

```
Generate an SVG of a clean dashboard illustration with charts, a task list, and a small success indicator.
```

### Style-Controlled Scene

```
Generate an SVG of a flat vector scene showing a mobile developer testing an app, using clear shapes and limited colors.
```

### Asset With Constraints

```
Generate an SVG hero illustration for a security report page, with a shield, document marks, and restrained professional colors.
```

## Limitations

- Requires a valid Gemini API key in the local environment.
- Requires autotrace and related native build dependencies.
- May produce imperfect vector traces from complex or detailed images.
- Sends prompt content to Google Generative Language API.

## Best Practices

- Use concise prompts with clear subjects, style, and intended use.
- Avoid sensitive or private details because prompts are sent to an external API.
- Review and optimize the resulting SVG before production use.

## Anti Patterns

- Do not use this skill for confidential visual concepts without approval.
- Do not expect precise brand compliance from a generated and traced image.
- Do not run setup commands on shared systems without reviewing them first.

## Security Audit

- Audited at: 2026-07-06T12:57:05.605\+00:00
- Summary: The skill performs the advertised SVG generation workflow, but it requires privileged package installation, an unpinned source build, external API calls, and access to a Gemini API key. Several Ruby backtick detections are Markdown formatting false positives, but the sudo, network, credential, and shell-pipeline risks are real.

## Stats

- Views: 444
- Downloads: 232
- Favorites: 3
- Popularity score: 0