Canvas Design
- 6 repo stars
- Updated July 29, 2026
- GGPrompts/my-plugins
Use HTML5 Canvas for creative coding, generative art, animation, and drawing.
About
A skill covering HTML5 Canvas creative-coding and generative-art patterns, including animation and drawing techniques. Developers use it when implementing visual, animated, or generative graphics in the browser — for art pieces, backgrounds, data art, or game visuals.
- HTML5 Canvas patterns
- Creative coding
- Generative art
- Animation and drawing
Canvas Design by the numbers
- Data as of Jul 30, 2026 (Skillselion catalog sync)
/plugin marketplace add GGPrompts/my-plugins/plugin install canvas-design@my-pluginsAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 6 |
|---|---|
| Last updated | July 29, 2026 |
| Repository | GGPrompts/my-plugins ↗ |
What it does
Use HTML5 Canvas for creative coding, generative art, animation, and drawing.
README.md
My GGPrompts Toolkit
This repository contains my curated Claude Code plugins, synced from GGPrompts.
Structure
This plugin follows the official Anthropic plugin format:
.claude-plugin/
plugin.json # Plugin manifest
commands/ # Slash commands
agents/ # Subagents
skills/ # Skills (each in its own directory)
hooks/ # Hook configurations
Usage
Clone this repo and load it in Claude Code:
git clone https://github.com/YOUR_USERNAME/my-gg-plugins.git
cd my-gg-plugins
claude plugin load .
Or add it to your Claude Code settings to auto-load on startup.
Managing Your Toolkit
Visit ggprompts.com/claude-code/toolkit to:
- Browse and add components to your toolkit
- Enable/disable specific plugins
- Sync changes to this repository
Managed by GGPrompts - The control plane for your Claude Code setup
Related skills
Remotion Best PracticesGet Remotion-specific coding guidance that prevents common video rendering mistakes when creating animated React videos.451k4.2k
Ai Video GenerationGenerate videos using 40+ AI models including Veo, Seedance, and others via inference.sh442k665Ai Image GenerationGenerate images using 50+ AI models including FLUX, Gemini, and Replicate via inference.sh441k665Ai Avatar VideoGenerate videos featuring AI avatars for product demos, tutorials, marketing, or explainers441k665Remotion RenderRender videos programmatically using React components and Remotion framework441k665
Remotion RenderGenerate high-quality MP4 videos from React code using Remotion inside an AI coding agent.363k665