PromptLoopDiagram

Import

svelte

import { PromptLoopDiagram } from 'markgraphy';

Basic usage

svelte

<PromptLoopDiagram
  autoPlay={true}
  speedMs={1200}
  showControls={true}
/>

+- - - - - - - - -[ THE PROMPT LOOP ]- - - - - - - - -+
|                                                     |
|       ~> Ask for the thing you want                 |
|                         │                           |
|                         v                           |
|                    AI builds it  ◀ - - - - - - - ┐  |
|                         │                        │  |
|                         v                        │  |
|               It's not quite right               │  |
|                         │                        │  |
|                         v                        │  |
|       ~> Make me a few variants                  │  |
|                         │                        │  |
|                         v                        │  |
|               v1 · v2 · v3 · v4                  │  |
|                         │                        │  |
|                         v                        │  |
|                None of them are it               │  |
|                         │                        │  |
|                         v                        │  |
|                         └ - - - - - - - - - - -  ┘  |
|                             Repeat forever          |
|                                                     |
+- - - - - - - - - - - - - - - - - - - - - - - - - - -+

Speed 1.2s

Props

Prop	Type	Default	Description
`autoPlay?`	`boolean`	`true`	Start playing on mount. Default true.
`speedMs?`	`number`	`1200`	Milliseconds per step. Default 1200.
`showControls?`	`boolean`	`true`	Show the playback controls. Default true.
`class?`	`string`	`''`	—

Exported types

PromptLoopDiagramProps