fabric.js: Simplify Canvas Management
Fabric.js is a powerful and lightweight JavaScript library that makes it easy to work with 2D objects on HTML5 canvas elements, allowing for parsing and manipulation of canvas and SVG elements
- •When building interactive web applications that require dynamic canvas rendering
- •When creating web-based design or editing tools that need to manipulate 2D objects
- •When integrating SVG files into web applications and needing to parse and render them
Create a canvas with a blue circle and a red rectangle: `const canvas = new fabric.Canvas('canvas'); const circle = new fabric.Circle({ radius: 50, fill: 'blue' }); const rect = new fabric.Rect({ width: 100, height: 100, fill: 'red' }); canvas.add(circle); canvas.add(rect); canvas.renderAll();`Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.
Installs with a command or two; your AI agent can do it for you.
mkdir -p ~/.claude/skills/fabric-js && curl -fsSL https://workflowstacks.com/api/skills/fabric-js/claude-skill -o ~/.claude/skills/fabric-js/SKILL.mdOpens the app with this repo with the prompt ready to go — no copy-paste needed.
Fabric.js: Simplify Canvas Management is a very large TypeScript project (~73k lines across 455 code files, plus 77 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit this month, MIT license, has a test suite.
- 1README.mdStart here — what it does and how to install it
- 2AGENTS.mdThe instructions the AI actually follows
- 3index.tsWhere the program starts running
- 4package.jsonDependencies and the commands it exposes
- 5packages/core/README.mdInside packages/core/ — the main logic begins here
Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.
Installs with a command or two; your AI agent can do it for you.
mkdir -p ~/.claude/skills/fabric-js && curl -fsSL https://workflowstacks.com/api/skills/fabric-js/claude-skill -o ~/.claude/skills/fabric-js/SKILL.mdOpens the app with this repo with the prompt ready to go — no copy-paste needed.
Are you the creator of this tool? Claim your listing → and earn 85% of every sale.
Related skills
More ai-agent tools founders pair with this one.