Prompt Stack

Visual prompt + tool canvas for assembling reusable prompts into a single compiled output.

Start simple: search the library on the left, drag blocks into the canvas, connect outputs → inputs, then hit Compile to generate the final prompt text.

Privacy-first: Your prompts, tools, and workspace graph are saved to this browser (so reloads won't discard your work)
It is not uploaded anywhere. Use your own export/import patterns if you want portability.

Tip: On mobile, the library becomes a drawer. Tap Library to open it.

Embed snippet

This tool is packaged as a self-contained JavaScript & CSS embed.

<!-- Prompt Stack embed -->
<!-- 1) Ensure your site loads the shared main entrypoint (or your own bootstrap) -->
<script type="module" src="../scripts/main.js"></script>

<!-- 2) Add a mount anywhere on the page. main.js lazy-loads Prompt Stack only when this exists. -->
<div
  data-promptstack
  data-promptstack-prefix="promptlib"
  data-promptstack-instance="prompt_stack_embed"
  data-promptstack-seed="true"
  style="height:min(78vh,860px); min-height:520px;">
</div>

Adjust paths and data-promptstack-instance to match your environment. Use different instance ids to keep multiple canvases isolated.


Resource details

What it does

Prompt Stack combines a prompt library, tool registry, and a visual “stack” canvas. Drag prompt/tool blocks into the workspace, connect ports to define dataflow, then compile everything into a single output prompt. It's designed for modular, reusable prompt authoring that can be embedded on any site.

How your data is handled
  • Stored locally: Prompts, tools, and the workspace graph persist in your browser.
  • No uploads: Data is not sent to a server by design.
  • Stable schemas: Stored objects use versioned keys so upgrades can be migrated safely.
Planned improvements
  • Richer editors: guided forms for prompts/tools (instead of raw JSON).
  • More ports: auto-generated ports based on args/output contracts.
  • Better compile: validate chains more deeply + show per-block error messages.
  • Undo/redo: workspace history + multi-select.

Want a custom version? Contact me ❤️