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.
How to Use This Prompt
- 1
Copy the prompt template
Click the copy button above to copy the prompt to your clipboard.
- 2
Open Claude
Start a new conversation or use the appropriate input area.
- 3
Customize the placeholders
Replace all text in [brackets] with your specific context and requirements.
- 4
Submit and iterate
Review the response and ask follow-up questions to refine the output.
Tips for Better Results
Prompt Variations
Frequently Asked Questions
What makes this SVG designer effective?
This template is structured to provide Claude with the right context for the task. It includes placeholders for your project details, clear requirements, and expected output format, helping you get more accurate and useful responses.
How do I customize this prompt for my needs?
Replace all text in [brackets] with your specific information. Include relevant code snippets, describe your tech stack, and specify any constraints or requirements unique to your situation. The more context you provide, the better the results.
Can I save this prompt for quick access?
Yes! Use Retext to save this prompt as a text snippet. Create a trigger like ';prompt' and paste this template as the expansion. Then you can quickly access it anywhere by typing your trigger.
Save This Prompt with Retext
Never copy-paste this prompt again. Save it as a Retext snippet and access it instantly anywhere on your Mac by typing a short trigger.