Prompt library · AI · 5 prompts
Prompts from the guide
SVG diagrams for articles
5 prompts from this guide. Fill in whatever sits in [square brackets] — your own context, the document text or the name of your tool. That context is exactly what separates a generic answer from a usable one.
Prompt: ownership structure
Create a diagram as clean SVG. Use only the data I give you — don't add or calculate anything on your own. Content: ownership structure. Nodes and edges: [company A — owns 60% — company B] [company C — owns 40% — company B] [company B — owns 100% — company D, headquartered in Cyprus] Technical requirements: - viewBox 0 0 900 500, no fixed width or height - font-family with a generic fallback at the end, size at least 15px - text as a text element, never as outlines - no scripts, no external links, no raster images - title and desc elements, role="img" attribute - arrows point in the direction of ownership, percentages on the edge - distinguish foreign entities by shape OR pattern, not color alone Return only the SVG code, and below it a list of every text string in the diagram, so I can check it against my source material.
Prompt: timeline
Create a horizontal timeline as SVG from these events: [date — event — source] [date — event — source] … Rules: - spacing on the axis must match the real gaps between dates, not be spread out evenly - mark years as labels below the axis - alternate events above and below the axis so labels don't overlap - if two events are less than [X] days apart, merge them into one point with two lines of text - viewBox, system font, text as text, title and desc Below the code, list anything you had to shorten for space.
Prompt: money flow
Create a money-flow diagram as SVG. Nodes and amounts: [source — amount — recipient] … Rules: - arrow width corresponds to the amount; state in the desc what scale you used - label each arrow with the amount; format numbers with thousands separators - if outgoing amounts don't add up to the incoming amount, DON'T FORCE IT TO BALANCE — add an “unspecified” node and name the difference in it - viewBox, system font, text as text, title and desc, text contrast against its background of at least 4.5:1 Below the code, list a table: from, to, how much — exactly as it appears in the diagram.
Accessibility and contrast
Check the attached SVG and return a list of problems, don't fix anything: 1. is title, desc, or role="img" missing? 2. is meaning conveyed anywhere by color alone? 3. calculate the contrast ratio for every text/background color combination and flag anything below 4.5:1 4. is any font smaller than 14px anywhere? 5. does the file reference an external font, image, or script? 6. is text stored as outlines instead of a text element? For each finding, give the line and a specific fix.
A diagram is a claim, not an illustration
Here is the finished SVG and here is my source material. Go through the diagram element by element and return a table: item in diagram | is it in the source material (yes/no) | where exactly List separately everything that's in the diagram but you can't find in the source material — including relationships, arrows, and text labels, not just numbers. Don't fix anything.