Menu
Design and render graphics on HTML5 Canvas — illustrations, diagrams, UI mockups, and interactive visual elements.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Design and analyze A/B tests — sample sizes, significance testing, multiple comparisons, and results interpretation.
Audit and fix accessibility issues — WCAG 2.2 compliance, ARIA labels, color contrast, keyboard navigation, and screen-reader compatibility.
Track and manage action items — owners, deadlines, status updates, and escalation workflows.
Design alert configurations — thresholds, severity levels, routing, de-duplication, and escalation policies.
Generate creative algorithmic and generative art using code — fractals, parametric patterns, noise fields, and procedural imagery.
Develop Angular components — services, pipes, directives, reactive forms, RxJS, and Angular Material.
| name | canvas-design |
| display_name | Canvas Design |
| description | Design and render graphics on HTML5 Canvas — illustrations, diagrams, UI mockups, and interactive visual elements. |
| category | Creative & Design |
| platforms | ["claude.ai","api"] |
| version | 1.0.0 |
| author | Claude Code |
| tags | ["canvas-design"] |
Design and render graphics on HTML5 Canvas — illustrations, diagrams, UI mockups, and interactive visual elements.
Use Canvas Design when you need to:
When this skill is active, Claude will:
User: Help me get started with canvas design.
Claude: I'll walk you through the essential steps for canvas design in your context...
User: I need a production-ready canvas design setup with full error handling.
Claude: Here's a complete, production-hardened canvas design implementation...
Required: javascript, canvas
Available on: claude.ai, api
Part of the claude-skills collection — 183+ skills for Claude.
