automateyournetwork/canvas-network-viz
workspace/skills/canvas-network-viz/SKILL.md
Canvas/A2UI inline network visualizations — topology maps, health dashboards, alert cards, change timelines, config diffs, path traces, and health scorecards rendered directly in the OpenClaw chat interface. Consumes existing MCP server data (pyATS, Grafana, Prometheus, ServiceNow, SuzieQ, Batfish) and outputs A2UI JSON for Canvas rendering. Use when the operator asks to see a network map, device dashboard, alert summary, change request timeline, config diff, forwarding path trace, or health scorecard.
$ install --global
skillsauthnpx skillsauth add automateyournetwork/netclaw canvas-network-vizInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 20, 2026, 3:29 AM4.4s14 files scanned
SKILL.md
- name:
- canvas-network-viz
- description:
- Canvas/A2UI inline network visualizations — topology maps, health dashboards, alert cards, change timelines, config diffs, path traces, and health scorecards rendered directly in the OpenClaw chat interface. Consumes existing MCP server data (pyATS, Grafana, Prometheus, ServiceNow, SuzieQ, Batfish) and outputs A2UI JSON for Canvas rendering. Use when the operator asks to see a network map, device dashboard, alert summary, change request timeline, config diff, forwarding path trace, or health scorecard.
- license:
- Apache-2.0
- user-invocable:
- true
- { "openclaw":
- { "requires": { "bins": [], "env": [] } } }
Canvas Network Visualization
Overview
This skill renders inline network visualizations in the OpenClaw chat interface using the Canvas/A2UI framework. It does NOT establish direct device connections or create new MCP servers. All data is sourced from existing MCP tools.
Visualization Types
| Type | Component | Data Sources | Trigger |
|------|-----------|-------------|---------|
| Topology Map | topology-map | pyATS CDP/LLDP, health metrics | "show network topology" |
| Dashboard Panel | dashboard-panel | pyATS, Grafana, Prometheus | "show health dashboard for {device}" |
| Alert Card | alert-card | Grafana alerts, Prometheus alertmanager | "show current alerts" |
| Change Timeline | change-timeline | ServiceNow | "show change request {CR} status" |
| Diff View | diff-view | pyATS config/route/ACL | "show config diff for {device}" |
| Path Trace | path-trace | pyATS, SuzieQ | "trace path from {src} to {dst}" |
| Health Scorecard | health-scorecard | pyATS, Grafana, Prometheus | "show health scorecard for {site}" |
How It Works
- Operator requests a visualization via natural language
- Skill identifies visualization type from request pattern
- Data is fetched from relevant MCP servers via existing tools
- Data is transformed into the visualization-specific content model
- A2UI JSON envelope is built with component type, props, and content
- Canvas framework renders the visualization inline in chat
- GAIT audit log entry is emitted for the visualization event
Output Format
All visualizations produce A2UI JSON:
{
"a2ui": {
"version": "1.0",
"type": "canvas",
"component": "<visualization-type>",
"props": {
"id": "<uuid>",
"title": "<title>",
"timestamp": "<ISO 8601>",
"dataSources": [...],
"scope": {...},
"warnings": [...],
"content": {...}
}
}
}
Graceful Degradation
- If a data source is unavailable, partial data is rendered with warnings
- If no data is available at all, an error-card is returned with guidance
- Health status defaults to "unknown" (gray) when metrics are missing
- Large topologies (200+ nodes) are automatically clustered by site
Integration with Other Skills
| Skill | Integration | |-------|-------------| | gait-session-tracking | All visualization events are GAIT-logged | | pyats-topology | CDP/LLDP discovery data for topology maps | | pyats-health-check | Health metrics for node coloring and dashboards | | grafana-observability | Prometheus metrics, alerts, dashboard data | | prometheus-monitoring | Direct PromQL queries for metrics | | servicenow-change-workflow | Change request lifecycle data |
Important Rules
- Read-only: This skill never modifies network devices or MCP server state
- No new credentials: Uses existing MCP server connections only
- Complements Three.js HUD: Does not replace
ui/netclaw-visual/ - GAIT mandatory: Every visualization generation is audit-logged
- WCAG 2.1 AA: Color scales meet accessibility contrast requirements
Related Skills
automateyournetwork/humanrail-escalation
testing
VerifiedTrustedCommunity
Human-in-the-loop escalation via HumanRail — route low-confidence agent decisions, pre-destructive operation approvals, and ambiguous incident tickets to real human engineers. Human answers are verified and returned as structured output. Workers are paid via Lightning Network. Use when the agent is uncertain, when a destructive change needs explicit human sign-off beyond a ServiceNow CR, or when an ambiguous ticket requires human triage before automated handling.
491SKILL.mdUpdated May 12, 2026
automateyournetwork/eve-ng-node-operations
testing
VerifiedTrustedCommunity
Manage EVE-NG node lifecycle. Use when listing nodes, checking runtime state, creating or deleting nodes, starting or stopping nodes or whole labs, verifying node details, or wiping node NVRAM back to factory defaults.
491SKILL.mdUpdated May 12, 2026
automateyournetwork/eve-ng-lab-management
development
VerifiedTrustedCommunity
Manage EVE-NG labs and platform inventory. Use when listing labs, checking lab metadata, creating or deleting labs, importing or exporting lab archives, checking EVE-NG health or auth, or verifying available node images before build work.
491SKILL.mdUpdated May 12, 2026
automateyournetwork/eve-ng-console-ops
tools
VerifiedTrustedCommunity
Execute live CLI commands on running EVE-NG nodes over telnet console. Use when running show commands, making live config changes, verifying protocol state, testing connectivity, checking console readiness, or interacting with IOS, Junos, VPCS, EOS, or NX-OS nodes.
491SKILL.mdUpdated May 12, 2026