canvas

Manage shapes and iframe previews on an infinite workspace canvas.

Updated Jan 6, 2026
One-click install
npx skills add https://github.com/bcwgames/FNaF-TVE --skill canvas-bcwgames
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: canvas
Source: https://github.com/bcwgames/FNaF-TVE/tree/main/Five-Nights-At-Freddys-The-Virtual-Experience/.local/skills/canvas
Command: npx skills add https://github.com/bcwgames/FNaF-TVE --skill canvas-bcwgames

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines visual prototyping by managing shapes and iframe previews on an infinite workspace canvas.

Core Features & Use Cases

  • Manage iframe lifecycles and placeholder states on an infinite canvas
  • Build and arrange static shapes (text, notes, images) and media for diagrams and mockups
  • Integrate with mockup-sandbox to render preview URLs and iterate on UI designs

Quick Start

Place building placeholders on the canvas for new visuals, then create and arrange shapes and iframes to render the final layout.

Frequently Asked Questions about canvas

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

FAQPage Schema
How do I create and arrange UI mockups on an infinite canvas?

To create UI mockups on an infinite canvas, you can place building placeholders, then generate, align, and update static shapes and iframe previews to build your visual layout.

What is the best way to embed live iframe previews in a visual prototyping workspace?

Embedding live iframe previews in a visual prototyping workspace requires using https URLs for your content, allowing you to manage building, modifying, and live lifecycle states directly on the canvas.

How does the mockup-sandbox integration handle iframe rendering?

The mockup-sandbox integration handles iframe rendering by generating preview URLs for your UI designs, enabling you to iterate on layouts directly within the visual prototyping canvas.

Can I use http URLs for iframe embeddings in my canvas layouts?

No, you cannot use http URLs for iframe embeddings in canvas layouts; the system strictly requires https URLs to fulfill lifecycle rules and successfully render live iframe previews.

What static shapes can I manage for diagram and mockup creation?

For diagram and mockup creation, you can manage static shapes including text, notes, and images, arranging them alongside iframe previews across your infinite workspace.

How do I start building visual layouts if I have no existing assets?

To start building visual layouts without existing assets, place building placeholders on the canvas for new visuals, then create and arrange shapes and iframes to render the final layout.