excalidraw

Automate Excalidraw scene setup and verification for RLVR environments.

185|14|Updated Jan 6, 2026
One-click install
npx skills add https://github.com/xlang-ai/CUA-Gym --skill excalidraw-xlang-ai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: excalidraw
Source: https://github.com/xlang-ai/CUA-Gym/tree/main/.claude/skills/excalidraw
Command: npx skills add https://github.com/xlang-ai/CUA-Gym --skill excalidraw-xlang-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, json, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the setup and verification of Excalidraw whiteboard states, enabling efficient creation of verifiable RLVR training environments.

Core Features & Use Cases

  • Scene Setup: Automate the creation of initial scenes in Excalidraw.
  • Scene Verification: Automatically verify the state of an Excalidraw scene after agent actions.
  • Use Case: Use this Skill to programmatically set up and verify a flowchart for a reinforcement learning task.

Quick Start

Set up the initial Excalidraw scene with elements and load it into a running instance.

Frequently Asked Questions about excalidraw

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

FAQPage Schema
How do I automate Excalidraw scene manipulation for reinforcement learning environments?

Automating Excalidraw scene manipulation involves using Python scripts with Playwright CDP to programmatically set up and verify visual whiteboard states for verifiable RLVR training environments.

Can I verify the visual state of an Excalidraw scene after agent actions?

Yes, scene verification in Excalidraw can be automated by checking the JSON-based scene state against expected visual elements after an agent performs actions within a reinforcement learning loop.

How to programmatically set up an initial flowchart scene in Excalidraw?

You can programmatically set up an initial flowchart scene by defining the elements in JSON format and loading the scene data into a running Excalidraw instance using Playwright CDP.

Does Python-based Excalidraw automation work with Playwright for visual state validation?

Python-based Excalidraw automation works directly with Playwright CDP to establish browser control, allowing you to manipulate JSON scene elements and validate visual states for RLVR tasks.

What are the limitations of using Playwright CDP for Excalidraw scene setup?

Using Playwright CDP for Excalidraw scene setup requires a running browser instance and depends on JSON-based scene manipulation, meaning it is tailored for visual state validation rather than native canvas rendering.

When do I need JSON-based scene manipulation in Excalidraw?

JSON-based scene manipulation in Excalidraw is needed when you require automated setup and verification of complex visual states, specifically for creating verifiable training environments in reinforcement learning tasks.