Svelte 5 component · machines-ui · Diagram
PromptLoopDiagram
An ASCII diagram of the prompt-feedback loop, stepping through a conversation and lighting each node and connector as the cycle advances.
Install
PromptLoopDiagram is a Svelte 5 ASCII prompt loop diagram component in @fractaldesign/machines-ui. It works in SvelteKit and in any Svelte 5 app.
pnpm add @fractaldesign/machines-uiImport
import '@fractaldesign/machines-ui/style.css';
import { PromptLoopDiagram } from '@fractaldesign/machines-ui';Usage
<PromptLoopDiagram autoPlay speedMs={1200} />Props
| Name | Type | Default |
|---|---|---|
autoPlay | boolean Start playing on mount. Default true. | true |
speedMs | number Milliseconds per step. Default 1200. | 1200 |
showControls | boolean Show the playback controls. Default true. | true |
class | string | '' |
Related components
AmplifierDiagram An ASCII amplifier: a small calm wave goes in, a gain slider scales it, and a large wave comes out — a…AsciiDiagram Framed ASCII or Unicode diagram text, with an optional label, a copy button, and accent highlighting of…DiagramEditor An interactive ASCII diagram editor with presets, glyph tools, alignment, and code export.MetricsTableDiagram An ASCII ledger of cost: one row per tool with its call count and time, and a totaled summary row at the…NestedRadiiDiagram An interactive ASCII diagram of nested border radii, showing inner = outer − inset and letting both values…