canvas-harness

Control the Canvas Workspace Electron app via CDP for automated testing.

27|1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/hua-bang/pulse-agent --skill canvas-harness
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas-harness
Source: https://github.com/hua-bang/pulse-agent/tree/main/apps/canvas-workspace/harness/skills/canvas-harness
Command: npx skills add https://github.com/hua-bang/pulse-agent --skill canvas-harness

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

The Canvas Harness Skill simplifies the process of launching, inspecting, and operating the Canvas Workspace Electron app. It provides tools for automated testing, visual verification, and debugging of the application.

Core Features & Use Cases

  • Profile-based Execution: Run the Electron app with different profiles (temp, demo, clone, real) to simulate various usage scenarios.
  • Chrome DevTools Protocol (CDP): Interact with the renderer process and capture screenshots for visual debugging.
  • UI Interaction: Operate UI controls and capture UI snapshots for verification.
  • Logging: Collect logs for issues that arise during application operation.
  • Session Management: Clean up and manage sessions to prevent resource leaks.
  • Use Case: When developing Canvas Workspace, this skill can be used to automate smoke tests, perform visual verification on UI changes, or debug issues within the application.

Quick Start

Use the canvas-harness skill to launch the Electron app in demo mode with the command: 'use canvas-harness harness start --profile demo'.

Frequently Asked Questions about canvas-harness

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate smoke tests for an Electron app using CDP?

To automate smoke tests for an Electron app using CDP, you can use a harness to control the application, execute automated workflows, and perform UI interactions for verification. This simplifies launching and inspecting the renderer process.

Can I capture screenshots for visual debugging in a Canvas Workspace environment?

Yes, you can capture screenshots for visual debugging in a Canvas Workspace environment by interacting with the renderer process through the Chrome DevTools Protocol. This allows you to perform visual verification on UI changes.

How do I run an Electron app with different usage profiles for testing?

You can run an Electron app with different usage profiles for testing by using profile-based execution. This supports launching the application with temp, demo, clone, or real profiles to simulate various scenarios.

What is the best way to debug UI interactions and collect logs in a Canvas application?

The best way to debug UI interactions and collect logs in a Canvas application is to use an automated harness that operates UI controls, captures UI snapshots for verification, and aggregates logging for issues that arise during operation.

How do I manage sessions and prevent resource leaks when debugging an Electron app?

To manage sessions and prevent resource leaks when debugging an Electron app, use session management features within your testing harness to clean up resources and manage application states effectively during automated workflows.

Does the Canvas Workspace testing harness require external dependencies to operate?

No, the Canvas Workspace testing harness does not require external dependencies to operate. It directly controls the Electron application using the Chrome DevTools Protocol and automated scripts for UI validation and debugging.