Productive— faster every day
For your professionTeachersStudentsManagersMarketingDevelopersFreelancersParentsJournalists

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.

Read the full guide →

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.

All prompts