live-canvas
CommunityVisualize agent progress in real-time.
Authorleprachuan
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a dynamic, visual workspace for agents, replacing static markdown outputs with interactive dashboards, progress boards, and forms that update in real-time.
Core Features & Use Cases
- Real-time Visualizations: Display progress, metrics, charts, and data tables that update live via WebSocket.
- Interactive User Input: Collect information through forms or get explicit approval via buttons and diagrams.
- Use Case: When running a complex multi-step deployment, use the
progress_boardtemplate to show users exactly which stage the deployment is in, updating automatically as each step completes.
Quick Start
Use the live-canvas skill to render a progress board for the current task.
Dependency Matrix
Required Modules
websockets
Components
assetsreferencesscripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: live-canvas Download link: https://github.com/leprachuan/pot-o-skills/archive/main.zip#live-canvas Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.