Promptinator2.4.6 Open studio
PROMPTINATOR GRAMMAR

Small syntax.
Big interfaces.

Every field uses the same four ideas: a type, a useful label, optional choices, and a default value or destination.

[D-post_word_count-45~30~]
TypeLabelOptionsDefault
SHORTCODE BUILDER

Make a field without memorizing anything.

Use Insert Field to create one, or highlight existing bracket text and choose Edit Field to reopen every setting. Promptinator keeps the shortcode readable underneath.

YOUR SHORTCODE
LIVE I FIELD

Choose one source deliberately, then preview it.

Click a highlighted resource field, choose a URL, and use Select & preview. The dropdown never changes the prompt by itself.

  • One I field supplies one URL.
  • Use another I field for another source.
  • The selected chip reopens the large preview.
INTERACTIVE EXAMPLE
Primary source: [I-primary_source-|Promptinator=>https://promptinator.ai/|MDN HTML guide=>https://developer.mozilla.org/en-US/docs/Web/HTML|~https://promptinator.ai/~][P]Supporting source: [I-supporting_source-|W3C accessibility=>https://www.w3.org/WAI/|MDN HTML guide=>https://developer.mozilla.org/en-US/docs/Web/HTML|~https://www.w3.org/WAI/~][P]Summarize the most useful ideas.
LAYOUT MARKER

A real line break, without another field.

Choose ¶ Line break in any template editor. Promptinator inserts [P], renders a new line, and sends a newline in the finished prompt. Existing literal <br> text is also recognized safely.

PARAGRAPH BREAK[P]

Controls layout only. It is not counted or submitted as a user field.

NUMERIC SHORTHAND

Write the range, not every number.

All three forms create a real dropdown and preselect the value between the tildes.

LEGACY MAX[D-count-45~30~]

Creates 1 through 45. Starts on 30.

EXPLICIT RANGE[D-count-0..45~30~]

Creates 0 through 45. Starts on 30.

RANGE + STEP[D-percent-0..100:5~30~]

Creates 0, 5, 10…100. Starts on 30.

FIELD TYPES

One letter chooses the interface.

FULL PHP/HTML STUDIO

Upload it. Open it. Start building.

The shared-hosting package includes this complete Studio, the visual Insert/Edit Field builder, syntax and endpoint guides, a test POST receiver, and an optional PHP endpoint for OpenAI. Every internal path is relative, so it works inside an ordinary subfolder.

<link rel="stylesheet" href="./promptinator.css?v=2.4.6">

<div data-promptinator data-title="Bedtime story" data-edit="true">
  Write a story about a
  [D-pet-|unicorn|puppy|~unicorn~].
</div>

<script type="module" src="./promptinator.js?v=2.4.6"></script>
SUBMISSION + DEVELOPER HOOK

Email it, POST it, or intercept it.

The single E field recognizes a plain email address and defaults its label to Send. An HTTP or HTTPS URL defaults to Submit. The separate data-title form name becomes the email subject or POST _formTitle, while message and every named field carry the completed data. See the complete Endpoint Guide →

document.addEventListener("promptinator:submit", (event) => {
  console.log(event.detail.method, event.detail.fields);
  // event.preventDefault(); // replace the built-in email or POST action
});