skills.rest
balaraj74
balaraj74COMMUNITY
Explore all skills by this author →
WebsiteGitHub

Canvas Skill

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

Updated Jan 29, 2026
Search Tags:#html#nodes#canvas#web content#display#live reload
One-click install
npx skills add https://github.com/balaraj74/F.R.I.D.A.Y --skill canvas-skill-balaraj74
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Canvas Skill
Source: https://github.com/balaraj74/F.R.I.D.A.Y/tree/main/skills/canvas
Command: npx skills add https://github.com/balaraj74/F.R.I.D.A.Y --skill canvas-skill-balaraj74

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill allows you to visually present dynamic HTML content on connected FRIDAY devices, bridging the gap between web-based information and your local applications.

Core Features & Use Cases

  • Cross-Device Display: Render HTML, CSS, and JavaScript on Mac, iOS, and Android nodes.
  • Interactive Content: Show games, visualizations, dashboards, or interactive demos.
  • Development Aid: Utilize live reload for rapid iteration on web content.

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 network nodes?▼

Display HTML content on connected FRIDAY nodes by utilizing a local HTTP server and a bridge service to visually present dynamic web content across your devices. It supports rendering web content on Mac, iOS, and Android nodes.

Can I use live reload for web content development on local devices?▼

Yes, live reload is supported for rapid iteration during web content development. The local HTTP server automatically updates the rendered HTML, CSS, and JavaScript on connected nodes to reflect file changes instantly.

How do I show interactive HTML dashboards across Mac and iOS devices?▼

You can show interactive HTML dashboards across Mac and iOS devices by presenting the HTML file on a specific node ID. The bridge service renders the dynamic web content visually on the connected FRIDAY node.

Do I need specific network configurations to display HTML on LAN connected nodes?▼

Yes, displaying HTML on LAN connected nodes requires specific network binding configurations. Proper Tailscale or LAN access setup ensures correct URL resolution across all connected FRIDAY devices for seamless display.

What actions are available when displaying web content on FRIDAY nodes?▼

Available actions when displaying web content include live reloading for development, navigating between pages, and snapshotting the current state. These are handled via the local HTTP server and bridge service.

Why is my HTML content not resolving correctly across Tailscale connected devices?▼

HTML content fails to resolve across Tailscale connected devices when network binding configurations are incorrect. You must configure specific Tailscale or LAN access settings on the local HTTP server to ensure proper URL resolution.

Related Skills

Explore More Design & Creative Skills→
lemonlqflemonlqf

Canvas Skill

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

Community
Intermediate
DbillionaerDbillionaer
1

Canvas Skill

Serve HTML content to connected OpenClaw nodes via a local HTTP server.

Community
Intermediate
sentientspritesentientsprite

Canvas Skill

Serve HTML content to NEMO nodes via a local HTTP server.

Community
Intermediate
Deskaunedsei1983Deskaunedsei1983

Canvas Skill

Display HTML content on remote Clawdbot nodes via a local HTTP server.

Community
Intermediate