Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.
-
Updated
Jun 16, 2026 - HTML
Animated technical diagrams from plain English or Mermaid — a Claude skill, self-contained HTML/SVG.
Visual debugging, tracing, and replay for agent workflows.
Inspect, visualize, and generate action-flow graphs for Codex-style agent skills with a local web UI and bundled graph generator.
Native SwiftUI control room for Codex App Server, visualizing machines, folders, and agent threads on a workflow canvas.
Local-first observability and debugging for AI agents, prompts, traces, and runtime workflows.
A professional, privacy-focused, client-side flowchart creation tool that enables users to design, customize, and export high-quality flowcharts without writing a single line of code.
Next 16 UI for visualizing JARVIS workflow execution traces.
Real-time browser based coding agent workflow visualizer ⚙️
Real-time agent orchestration dashboard with event replay, parallel task visualization, and streaming outputs.
Process Flow Diagrams are visual representations that illustrate the sequential steps and decision points in a process, showing how inputs are transformed into outputs through various activities and pathways.
Visualize agent Skill workflows as Mermaid diagrams and editable flow maps.
Cron & workflow health dashboard for React/Next.js — health grid, 24h timeline, flow stepper/kanban/DAG, natural-language rescheduling. Backend-agnostic. AI-agent-ready (ships SKILL.md).
Convert text descriptions and Mermaid diagrams into animated technical illustrations with flowing request paths.
Add a description, image, and links to the workflow-visualization topic page so that developers can more easily learn about it.
To associate your repository with the workflow-visualization topic, visit your repo's landing page and select "manage topics."