# Prompt (Prompt Editor)

## 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="/files/fMqVttKGuJUmhalRsLy3" 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="/files/o9GnSN3PvC8oKvdNbxIn" 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="/files/kcol4S6M1V4y41GS1pM6" alt=""><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

### Open the Prompt Editor

<figure><img src="/files/VOYMAbNml1ZRup08oVfu" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Write your instruction normally

<figure><img src="/files/pz717nnuCkC7pMOo4Wxz" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Replace variables with placeholders&#x20;

<figure><img src="/files/b21KqlE4S4trqPUP9PLi" alt=""><figcaption></figcaption></figure>

{% endstep %}
{% endstepper %}

#### Trigger a prompt

{% stepper %}
{% step %}

### Go to the public view

<div align="center"><figure><img src="/files/go3DyvFmtnLW30fWpjqG" 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="/files/eGBuQszggPgRek6mPEYh" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

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

<figure><img src="/files/Td0749Xkxlb8DEPnt7eI" alt=""><figcaption></figcaption></figure>

{% endstep %}

{% step %}

### Send or Copy your parsed prompt content

<figure><img src="/files/oU5Om037IB0F5sI6ESdJ" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.snackprompt.com/glossary/snack-prompt-concepts/what-is-a-elemental/prompt-prompt-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.