canvas-web-design

Community

Craft premium canvas web pages with zero external dependencies.

AuthorMCERQUA
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill solves the challenge of building canvas web pages with high-quality visuals and interactive elements without the use of external dependencies, ensuring seamless and optimized performance within the JamBot voice assistant's iframe.

Core Features & Use Cases

  • Premium Canvas Design: Offers a full suite of design elements like animations, glassmorphism, and gradient text using only vanilla CSS.
  • Zero CDN Dependency: Ensures pages load quickly with no external CDNs or npm packages.
  • Interactivity with postMessage: Facilitates interactive elements via the postMessage API without the need for scripts or CDNs.

Quick Start

Start by creating a new canvas page using the canvas-web-design skill, following the guidelines provided for the standard canvas design system.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: canvas-web-design
Download link: https://github.com/MCERQUA/jam-skills/archive/main.zip#canvas-web-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.