AI Workflow Builder vs Keyhole

This demo shows how JointJS for React handles agent-building UIs: adding skills and prompts, wiring up tools, and defining agent behavior visually.

Hand your AI coding agent a reference to a secret instead of the value. keyhole opens a localhost form, stores the secret, and gives the agent only a retrieve command.

About AI Workflow Builder

This demo shows how JointJS for React handles agent-building UIs: adding skills and prompts, wiring up tools, and defining agent behavior visually. It ships with automatic layout, custom shapes, a navigator and many more features out of the box, the same pieces you'd use to build this into your own product. Extend the default workflow or build your own from scratch, add new actions, configure agents, jot down notes, and explore everything the diagram can do.

About Keyhole

Hand your AI coding agent a reference to a secret instead of the value. keyhole opens a localhost form, stores the secret, and gives the agent only a retrieve command. ↑ pick a destination, the reference the agent gets updates live, the value never does. It runs keyhole NAME instead of asking you to paste a key into the chat.