OpenAI & ChatGPT · Foto: Kevin Rheese, CC BY 2.0
SVG designer
Zuletzt aktualisiert:
Typ
Prompt
Lizenz
CC0-1.0 (Public Domain)
Anwendungsfeld
Prompt-Bibliothek
Voraussetzungen
Keine besonderen — direkt loslegen.
Erzeugt aus einer Bildbeschreibung direkt eingebetteten SVG-Code als Base64-Data-URL im Markdown-Bild.
Der Prompt
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.
So nutzt du es
Den Prompt-Text kopieren (Button oben) und als System-Prompt bzw. erste Nachricht in ChatGPT, Claude oder einem lokalen Modell einfügen. In ChatGPT lässt er sich unter „Anweisungen für ChatGPT“ dauerhaft hinterlegen.
Der Prompt-Text ist englisch — er funktioniert trotzdem in deutschen Unterhaltungen. Für deutsche Antworten einfach am Ende ergänzen: „Antworte auf Deutsch.“
Im Detail
Dieser Prompt bringt die KI dazu, zu einer Bildbeschreibung direkt SVG-Vektorcode zu schreiben, ihn als Base64-Data-URL zu kodieren und ausschließlich als eingebettetes Markdown-Bild zurückzugeben — ganz ohne separaten Bildgenerator. Praktisch für einfache, geometrische Motive wie Icons, Logos oder Illustrationen, die man direkt in Dokumentation, README oder Chat einbetten will. An Grenzen stößt der Ansatz bei komplexen oder fotorealistischen Motiven, da SVG für Vektorformen und nicht für detailreiche Bilder gedacht ist. Besonders für Entwickler nützlich, die schnell Platzhaltergrafiken ohne Tool-Wechsel brauchen.
Praxis-Tipp
Einfache, geometrische Motive anfragen, z. B. „ein blaues Quadrat mit weißem Kreis in der Mitte“ — komplexe Illustrationen überfordern den SVG-Ansatz meist.
Siehe auch
Lizenz & Quelle
- Lizenz: CC0-1.0 (Public Domain)
- Quelle: awesome-chatgpt-prompts (GitHub)
Inhalt ansehen (svg-designer.txt)
Lade …
Erfahrungen & Kommentare.
Funktioniert der Prompt bei Ihnen? Tipps, Stolperfallen, Varianten — teilen Sie es mit der Community.
Lade Kommentare …
Passt dazu.
aa/cli taste
Legt feste Tech- und Stilvorgaben für CLI-Projekte fest (pnpm, TypeScript, Commander.js, klare Ordnerstruktur).
Accessibility Auditor
Lässt die KI als Accessibility-Experte auf WCAG-2.2- und Section-508-Konformität prüfen.
Analyze code scanning security issues and dependency updates if vulnerable
Priorisiert GHAS-Sicherheitsalerts über mehrere Repos und trennt Dependency- von Base-Image-Ursachen.
