skills.rest
ammonfife
ammonfifeCOMMUNITY
Explore all skills by this author →
GitHub

canvas

Serve static HTML, CSS, and JS files on OpenClaw nodes.

Updated Feb 10, 2026
Search Tags:#dashboard#web content#OpenClaw#node integration#HTML display
One-click install
npx skills add https://github.com/ammonfife/sakima.co --skill canvas-ammonfife
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/ammonfife/sakima.co/tree/main/.claude/skills/canvas
Command: npx skills add https://github.com/ammonfife/sakima.co --skill canvas-ammonfife

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the process of displaying HTML content on connected OpenClaw nodes, enabling users to showcase web content, games, visualizations, and dashboards without complex setup.

Core Features & Use Cases

  • HTML Content Display: Serve and display HTML content on connected OpenClaw nodes.
  • Customization: Configure the canvas host to bind to different interfaces for various use cases.
  • Integration: Seamlessly integrates with the OpenClaw ecosystem for a cohesive experience.
  • Use Case: A user can create a dashboard for monitoring performance metrics and display it on their connected OpenClaw node.

Quick Start

To display a dashboard on your OpenClaw node, use the canvas skill with the 'present' action and specify the node ID and the URL of the dashboard.

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

To display HTML content on OpenClaw nodes, use the canvas skill with the 'present' action, specifying the target node ID and the URL of the content. It serves static HTML, CSS, and JS files through a canvas host and node bridge stack.

Can I show a web dashboard on an OpenClaw node without complex setup?▼

Yes, you can show a web dashboard on an OpenClaw node without complex setup using this canvas skill. It simplifies the process by serving static HTML/CSS/JS files directly through a configured canvas host and node bridge stack.

Does the canvas host support binding to different network interfaces?▼

The canvas host supports binding to different network interfaces, allowing you to configure HTML content display for various use cases across your connected OpenClaw nodes. This customization ensures flexible integration within different network environments.

What do I need to serve static HTML, CSS, and JS files on OpenClaw?▼

To serve static HTML, CSS, and JS files on OpenClaw, you need the OpenClaw platform installed and a configured canvas host. The canvas skill bridges these components to display your web content on connected nodes.

Are there limitations when displaying visualizations on OpenClaw nodes?▼

Limitations when displaying visualizations include the requirement for a continuous OpenClaw connection and a properly configured canvas host. The skill primarily serves static HTML, CSS, and JS files rather than dynamic server-rendered applications.

Related Skills

Explore More Software Engineering Skills→
nomad3nomad3

Canvas Skill

Serve local HTML/CSS/JS files to OpenClaw nodes via canvas URLs.

Community
Intermediate
Agent-Pattern-LabsAgent-Pattern-Labs
4

canvas

Display HTML content on connected OpenClaw nodes via WebSocket connections.

Official
Intermediate
Arry8Arry8
1

canvas

Display HTML content on connected OpenClaw nodes via a canvas host server.

Community
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate