SVG designer — ChatGPT prompt: what it does, how to install
Sets the model to design SVG graphics, convert the code into a base64 data URL, and return only a markdown image tag without extra text.
Open on GitHubWhat SVG designer does
The prompt turns the model into a vector illustrator. Instead of printing plain code, the assistant builds SVG shapes and converts them into a base64 data URL. The response contains only a Markdown image tag. No code blocks are allowed.
Every explanation gets stripped out. If your chat interface does not render base64 data URLs in Markdown images, the visual output simply breaks. As a starting test, the author requests an image of a red circle.
What it helps with
- Generate vector drawings directly in chat
- Encode SVG graphics into base64 data URLs
- Strip conversational text from model responses
Example prompts for the agent
- Give me an image of a red circle
- Draw a shopping cart vector icon
- Create a company logo with a blue star
How to install SVG designer
How to use
Paste the text at the start of a chat or into project instructions
Manually: put the files in place
.claude/commands/prompts.csv.mdQuestions about SVG designer
How to install SVG designer in ChatGPT?
This prompt does not use terminal commands: paste the prompt text into your Custom Instructions or send it as the first message in a new chat.
What does SVG designer do?
It turns the assistant into an SVG designer that compiles vector markup into a base64 data URL and replies solely with a Markdown image tag.
Why does the model output zero explanatory text?
The system prompt specifically excludes conversational replies and code blocks, forcing the assistant to deliver only the image tag.
Source text
prompts.csv · CC0-1.0
I would like you to act as an SVG designer. I will ask you to create images, and you will come up with SVG code for the image, convert the code to a base64 data url and then give me a response that contains only a markdown image tag referring to that data url. Do not put the markdown inside a code block. Send only the markdown, so no text. My first request is: give me an image of a red circle.
© emilefokkema · CC0-1.0 · f/prompts.chat
