Render HTML, JSON, or Markdown content to connected swarmstr UI clients via WebSocket events.
npx skills add https://github.com/chebizarro/swarmstr --skill canvas-skill-chebizarro
Please help me install this Agent Skill. Skill: Canvas Skill Source: https://github.com/chebizarro/swarmstr/tree/main/skills/canvas Command: npx skills add https://github.com/chebizarro/swarmstr --skill canvas-skill-chebizarro
This Skill enables AI agents to push dynamic content directly to connected swarmstr UI clients in real-time, bridging the gap between agent computation and user visualization.
Use the canvas skill to update the 'main' canvas with the provided HTML content.
High-intent search queries and answers about installing and using this skill.
To display real-time content updates, the Canvas Skill pushes HTML, JSON, or Markdown to named in-memory canvas surfaces via WebSocket events. This enables AI agents to render interactive dashboards and live data views on connected UI clients.
You can stream Markdown reports dynamically using the canvas_update tool. The Canvas Skill renders formatted Markdown content instantly to subscribed UI clients, allowing users to view reports as the agent generates them in real-time.
Yes, the Canvas Skill requires WebSocket connections to push live data to connected swarmstr UI clients. This WebSocket mechanism enables the real-time delivery of HTML, JSON, or Markdown content to interactive dashboards.
The best way to visualize live agent computation results is by using the Canvas Skill to push content to named in-memory canvas surfaces. It bridges agent computation and user visualization by rendering HTML or JSON updates instantly via WebSocket events.
To render HTML content to a specific canvas surface, use the canvas_update tool to push updates to a named in-memory canvas. The Canvas Skill then displays the provided HTML content instantly on subscribed swarmstr UI clients.
In-memory canvas surfaces provide real-time UI updates but are temporary and require active WebSocket connections to maintain state. This approach is suited for interactive dashboards and live data views rather than persistent data storage.
2025EmmaStream real-time cryptocurrency market data from multiple exchanges via WebSocket.
eykdConvert web pages to Markdown using the url-to-markdown-cli-tool.
petbrainsOrchestrate Rive state machine animations in React with useStateMachineInput.
Leonard-DataBuild and run asynchronous HTTP servers and clients with Python.
