Widgio

widgio

Stream animated SVG / HTML widgets from coding agents to a live browser companion.

Works with Claude Code, Codex, and any agent that can run shell commands.

https://github.com/user-attachments/assets/dea1e995-84a8-4a89-8854-af228d6933d0

Inspired by Claude's Interactive Diagram Tools

---

What you get

• Diagrams, mockups, comparison cards, and interactive demos
• Smooth "drawing in" animations as each chunk arrives
• Your generations are saved locally and can be viewed at any time using widgio open

---

Install

npx skills add jnsahaj/widgio -g

This drops the skill into your agent's skills directory. The CLI self-bootstraps on first use — no separate step needed.

To pre-install the binary:

npm i -g widgio

---

Commands

widgio open                        # open the companion tab
widgio show --title "My widget" <svg>…</svg>   # one-shot render
widgio start --id foo --title "Title" --mode svg --viewBox "0 0 680 320"
widgio chunk --label "part"        # stream a chunk
widgio end                         # finish stream
widgio read-me --module diagram    # design system reference
widgio status                      # daemon status
widgio stop                        # kill the daemon
widgio --version

---

Update

npm i -g widgio          # update CLI
widgio stop              # restart daemon
npx skills add jnsahaj/widgio -g   # update skill

---

MIT — LICENSE