> For the complete documentation index, see [llms.txt](https://docs.snackprompt.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.snackprompt.com/glossary/snack-prompt-concepts/what-is-a-elemental/prompt-prompt-editor.md).

# Prompt (Prompt Editor)

Prompts help users get high-quality, tailored outputs from AI tools like ChatGPT, Gemini, Midjourney, and others.

## Core Field: The Prompt Editor

The Prompt Editor is a specialized workspace for creating reusable, executable AI instructions. Unlike a common text area, it supports **dynamic placeholders**, **rich text formatting**, and structured execution, allowing the same prompt to be reused across Public Pages, AI Agents, and Automation Workflows.

#### What Is ?

The Prompt Editor is where prompts are **designed**, **parameterized**, and **prepared for execution**.

It transforms static text into **interactive templates** that request only the required information at runtime.

#### Why it exists

Without structure, prompts become:

* Hard to reuse
* Hard to scale
* Hard to standardize

The Prompt Editor solves this by:

* Enforcing explicit inputs
* Reducing prompt duplication
* Enabling prompt-driven UX (forms, agents, automations)

#### How to create one ?

Use the create button on the left sidebar to create a prompt element.

Follow the tutorial in [Creating and Customizing: Prompt](/get-started/creating-prompt.md)

### Core Concepts

#### Dynamic Placeholders (`#`)

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FFuBJPGXa7OWR1NdB56Om%2Fimage.png?alt=media&amp;token=9fa7a8ce-4e24-42a8-a9d5-41d63759aa18" alt=""><figcaption></figcaption></figure>

Dynamic placeholders are the foundation of the Prompt Editor.

**Placeholder Examples:**

* `#WorkSchedule`
* `#PrioritiesList`
* `#SelfCareActivities`
* `#HobbiesList`
* `#DaysToSpendWithLovedOnes`
* `#FunActivitiesList`

{% hint style="info" %}

## About Add placeholders

When a user clicks **Use Prompt**:

* A dynamic form is generated
* Each placeholder becomes a field
* Only required inputs are requested

This ensures:

* Faster execution
* Less cognitive load
* Consistent results
  {% endhint %}

#### **Formatting Toolbar**

Structure is **critical for AI comprehension**. The editor includes a markdown-compatible toolbar to organize your instructions visually and logically.

* Headings
* Bold / Italic / Underline
* Lists (ordered and unordered)
* Blockquotes
* Code blocks
* Links

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FfRZvlq6x4b4B9mJvdik1%2Fimage.png?alt=media&amp;token=6477cbd4-d395-42a2-a079-942b0bbd127a" alt=""><figcaption><p>Toolbar</p></figcaption></figure>

Formatting is preserved during execution and improves prompt clarity.

* **Text Styles:** Use Bold or *Italic* to emphasize key constraints or instructions to the AI.
* **Lists**: Utilize bullet points or numbered lists to break down complex tasks into steps.
* **Code Blocks**: distinct sections for code snippets or rigid examples that the AI should analyze.

#### **Create a dynamic prompt**

{% stepper %}
{% step %}

### Create a Prompt

<div align="left"><figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FmJQUuHBfoaHylByoNEey%2Fimage.png?alt=media&amp;token=6051092a-19ca-490c-b685-194251afaa5f" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Open the Prompt Editor

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FwOCB89GRfViVYm55nGa9%2Fimage.png?alt=media&amp;token=658cd275-8d9f-469a-98ff-4c0bb19cd432" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Write your instruction normally

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2F8iFvQ5XTbdjNGXffseJK%2Fimage.png?alt=media&amp;token=59bdef5d-5dd5-4137-aa67-da3270faced4" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Replace variables with placeholders&#x20;

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FmH61DxSjNRmUZDdhYSON%2Fimage.png?alt=media&amp;token=2702ec6a-ba88-4e6b-a234-2dadeb46fd7b" alt=""><figcaption></figcaption></figure>

{% endstep %}
{% endstepper %}

#### Trigger a prompt

{% stepper %}
{% step %}

### Go to the public view

<div align="center"><figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FWzB62JjBjTsTe2ecnAho%2Fimage.png?alt=media&amp;token=f00673c6-748a-4576-9b06-fe849212ca5b" alt="A screenshot  of the page view selector with focus on  the public view "><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Find the  "Use Prompt" Box and click on the button

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FQ68H3TxxMrvd4zW5BYxc%2Fimage.png?alt=media&amp;token=e52ecbcc-9139-4eca-a48d-ea6c41b265fb" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Now use the inputs to replace the placeholder contents

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2FCIWTIXJP4gEJttWNrc4f%2Fimage.png?alt=media&amp;token=5566b1e9-001b-486a-9e60-54933ae5e943" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

### Send or Copy your parsed prompt content

<figure><img src="https://2673393957-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYtWWn2E0u52ac3JHNVz%2Fuploads%2Fea2VWmZJ0pgGavd9XepW%2Fimage.png?alt=media&amp;token=a8ca72d8-9a80-4a91-a8b0-4ea387318105" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}