skills.rest
MCERQUA
MCERQUACOMMUNITY
Explore all skills by this author →
GitHub

canvas-pages

Manage canvas page lifecycle in OpenVoiceUI with HTML content.

1|Updated Mar 5, 2026
Search Tags:#HTML#interactive UI#canvas management#canvas pages#OpenVoiceUI
One-click install
npx skills add https://github.com/MCERQUA/jam-skills --skill canvas-pages
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas-pages
Source: https://github.com/MCERQUA/jam-skills/tree/main/canvas-pages
Command: npx skills add https://github.com/MCERQUA/jam-skills --skill canvas-pages

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the process of creating, opening, verifying, and managing canvas pages in OpenVoiceUI, ensuring a smooth and efficient workflow.

Core Features & Use Cases

  • Canvas Page Management: Covers the complete workflow from writing HTML to setting privacy and managing uploads.
  • Interactive Buttons: Supports adding interactive buttons for user interaction within canvas pages.
  • Page Privacy: Allows setting page privacy to control access.
  • Desktop Category Assignment: Assign pages to categories for organization on the user's desktop.
  • Uploads: Manages file uploads and references within canvas pages.
  • Path Mapping: Ensures correct path mapping for container and browser URLs.
  • Text Measurement: Utilizes @chenglou/pretext for advanced text layout and rendering.
  • Delegate Heavy Pages: Provides guidance on delegating heavy pages for better performance.

Quick Start

Use the canvas-pages skill to create a new canvas page, write HTML content, and open it using the [CANVAS:] tag in your spoken response.

Frequently Asked Questions about canvas-pages

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

FAQPage Schema
How do I create and open a canvas page in OpenVoiceUI?▼

You create a canvas page by writing HTML content through the canvas-pages skill, then trigger the page opening by including the [CANVAS:] tag within your spoken response.

How does canvas page management handle privacy settings and desktop category assignment?▼

Canvas page management allows you to set specific page privacy levels to control user access and assign pages to desktop categories, ensuring organized and secure content delivery within OpenVoiceUI.

Do I need to know HTML to manage interactive UI elements on OpenVoiceUI canvas pages?▼

Yes, knowledge of HTML is required to effectively manage canvas pages, write content, and add interactive UI buttons for user interaction within the OpenVoiceUI platform.

What is the best way to handle file uploads and path mapping for canvas pages?▼

The best way to manage file uploads is through the canvas-pages skill, which ensures correct path mapping for container and browser URLs while managing file references within your pages.

When should I delegate heavy canvas pages to improve performance?▼

You should delegate heavy canvas pages when experiencing performance issues, as the canvas-pages skill provides specific guidance on delegating resource-intensive pages to maintain smooth interaction within OpenVoiceUI.

Related Skills

Explore More Software Engineering Skills→
4tikhonov4tikhonov
3

project-init

Initialize a FIRE project by detecting workspace type and generating standards templates.

Community
Basic
phintruongphintruong

pretext

Measure text dimensions and layout without DOM reflows using the pretext library.

Community
Advanced
MCERQUAMCERQUA
1

threejs-canvas-integration

Set up Three.js canvas pages with asset loading and state persistence.

Community
Intermediate
zunyiqingfeng-codezunyiqingfeng-code
2

web-design-engineer

Create HTML/CSS/JavaScript/React web artifacts with design-system coherence.

Community
Advanced