Canvas Skill

Render HTML content on connected Brikko Studio nodes with live reload.

1|Updated May 3, 2026
One-click install
npx skills add https://github.com/brikkoAI/brikko-studio --skill canvas-skill-brikkoai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/brikkoAI/brikko-studio/tree/main/packages/core/skills/canvas
Command: npx skills add https://github.com/brikkoAI/brikko-studio --skill canvas-skill-brikkoai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Users need a straightforward way to display interactive HTML content including games, visualizations, dashboards, and interactive demos on connected Brikko Studio nodes (Mac, iOS, Android) without struggling with network configuration mismatches or cross-platform rendering issues.

Core Features & Use Cases

  • Multi-action canvas control: Present, hide, navigate, capture screenshots, and execute JavaScript on HTML content displayed on connected Brikko Studio nodes.
  • Adaptive network support: Automatically works with loopback, LAN, and Tailscale network configurations, generating correct accessible URLs for connected nodes regardless of bind mode.
  • Live development reload: Automatically refreshes connected canvases when HTML files are edited, streamlining the prototyping of web-based content for Brikko nodes.

Quick Start

Use the canvas skill to present the local HTML file 'my-dashboard.html' to your connected Android node.

Frequently Asked Questions about Canvas Skill

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

FAQPage Schema
How do I display interactive HTML content on iOS and Android devices?

To display interactive HTML content on iOS and Android, use the Canvas Skill to present self-contained HTML files to connected Brikko Studio client nodes. It handles cross-device rendering automatically across Mac, iOS, and Android platforms.

Can I use Tailscale to render HTML dashboards on remote devices?

Yes, you can use Tailscale to render HTML dashboards remotely. The Canvas Skill supports adaptive network binding for loopback, LAN, and Tailscale configurations, automatically generating correct accessible URLs for connected nodes.

How do I live reload HTML during development for connected devices?

To live reload HTML during development, use the Canvas Skill's live development reload feature. It automatically refreshes connected canvas views whenever your HTML files are edited, streamlining cross-device prototyping workflows.

Does cross-device display support JavaScript execution and screenshot capture?

Yes, cross-device display supports JavaScript execution and screenshot capture. The Canvas Skill provides multi-action canvas control, allowing you to present, navigate, capture screenshots, and execute JavaScript on remote HTML canvas views.

What's the best way to show local HTML games on connected mobile nodes?

The best way to show local HTML games on connected mobile nodes is using the Canvas Skill. It bridges self-contained HTML content to Brikko Studio clients, managing network configurations and rendering interactive visualizations without manual URL setup.