Canvas Skill

Present HTML content on Genoma nodes via an HTTP server and node bridge.

1|1|Updated Mar 3, 2026
One-click install
npx skills add https://github.com/LuisvelMarketer/genome --skill canvas-skill-luisvelmarketer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/LuisvelMarketer/genome/tree/main/skills/canvas
Command: npx skills add https://github.com/LuisvelMarketer/genome --skill canvas-skill-luisvelmarketer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables the display of rich HTML content, including games, visualizations, and interactive demos, on various connected Genoma nodes (Mac, iOS, Android) by serving content through a local HTTP server.

Core Features & Use Cases

  • Cross-Platform Display: Renders web content on Mac, iOS, and Android devices connected to Genoma.
  • Dynamic Content: Supports live reloading for rapid development and real-time updates of displayed content.
  • Use Case: Developers can showcase interactive data visualizations or simple web-based games directly on their mobile devices or other connected computers without complex deployment.

Quick Start

Present the 'my-game.html' file on the node with ID 'mac-63599bc4-b54d-4392-9048-b97abd58343a'.

Frequently Asked Questions about Canvas Skill

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

FAQPage Schema
How do I display HTML content on connected mobile and desktop nodes?

To display HTML content on connected nodes, this Skill hosts web files via a local HTTP server and communicates the URLs through a node bridge for rendering on Mac, iOS, and Android devices.

Can I present interactive web visualizations on iOS and Android without complex deployment?

Yes, you can present interactive web visualizations on iOS and Android by serving the HTML files locally and pushing the URLs to connected Genoma nodes, bypassing complex deployment steps.

Does cross-platform canvas display support live reloading for rapid development?

Cross-platform canvas display supports live reloading, allowing developers to push real-time updates to rendered web content during rapid development and testing cycles.

What actions can I perform on web content displayed through a node bridge?

Through the node bridge, you can perform actions to present, hide, navigate, evaluate JavaScript, and take snapshots of the web content displayed on connected nodes.

Do I need node integration to showcase web-based games on connected devices?

Node integration is required to showcase web-based games, as the Skill relies on a node bridge to communicate the hosted HTTP server URLs to connected Mac, iOS, and Android devices.