canvas
Present hosted widget documents on a connected macOS panel and control panel visibility or navigation.
Install / Use
npx skills add ngpestelos-mirrors/openclawInstalls into whichever agent you are using.
SKILL.md
Installable skill definition
Quality Score
Category
DesignSupported Platforms
Tags
Skill content
View source on GitHubname: canvas description: "Present hosted widget documents on a connected macOS panel and control panel visibility or navigation." metadata: { "openclaw": { "emoji": "🖼️" } }
Widget panel
Use show_widget with presentation.target: "node_panel" to create a hosted widget document and present it on an eligible connected Mac. This is the normal agent path.
The Canvas tool is limited to direct panel control:
present: show the panel, optionally with a hosted document path or local app scheme.hide: hide the panel.navigate: navigate the visible panel to a hosted document path or local app scheme.
Do not invent local file paths or arbitrary external URLs. Hosted documents use the capability-scoped /__openclaw__/canvas/documents/... route returned by show_widget. A2UI content renders on session boards and loads renderer assets from /__openclaw__/a2ui.
If plugins.entries.canvas.config.host.enabled is false, hosted widget documents, A2UI renderer assets, and node-panel presentation are disabled together.
Related Skills
ui-ux-pro-max-skill
122.6kAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
openpencil
5.7kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
baoyu-design
3.6kRun Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus 4.8.
design-extract
4.0kExtract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediatio…
Security Score
Audited on Aug 21, 2026
