Canvas

Display HTML content on connected text2llm nodes via a local HTTP server.

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/Rachasumanth/text2llm001 --skill canvas-rachasumanth
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Canvas
Source: https://github.com/Rachasumanth/text2llm001/tree/main/skills/canvas
Command: npx skills add https://github.com/Rachasumanth/text2llm001 --skill canvas-rachasumanth

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables you to display dynamic HTML content on the screens of your connected text2llm devices (Mac, iOS, Android), transforming them into visual dashboards or interactive displays.

Core Features & Use Cases

  • Visualizations: Render charts, graphs, and dashboards directly on your devices.
  • Interactive Demos: Showcase web-based applications or games.
  • Content Display: Show generated HTML, reports, or any web content.

Quick Start

Use the canvas skill to present the 'my-game.html' file on your Mac.

Frequently Asked Questions about Canvas

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

FAQPage Schema
How do I display HTML content on connected Mac and mobile devices?

You can display HTML content on connected devices by using a local HTTP server and TCP bridge to present visualizations, dashboards, or interactive web content across Mac, iOS, and Android screens.

Can I capture screenshots of rendered HTML dashboards on iOS?

Yes, screenshot capture is supported natively, allowing you to grab visual snapshots of your rendered HTML content and interactive dashboards directly from your connected iOS or Android devices.

What is the best way to render interactive visualizations across multiple devices?

Rendering interactive visualizations across multiple devices is best handled by routing HTML content through a local HTTP server, leveraging Tailscale integration for seamless cross-device connectivity and display.

Does Tailscale need to be configured to present web content on connected nodes?

Tailscale integration is used to establish seamless cross-device connectivity, ensuring your local HTTP server can reliably bridge and present HTML content to connected Mac, iOS, and Android nodes.

How do I evaluate JavaScript on a connected device during an interactive demo?

You can evaluate JavaScript on a connected device by sending execution actions through the TCP bridge, allowing you to dynamically manipulate and navigate the displayed HTML content during interactive demos.