canvas-ai-tools
CommunityBuild AI Canvas tools for code generation.
Software Engineering#canvas#code-generation#ui-components#monaco-editor#tool-registry#ai-tools#genui
Authoromerakben
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Canvas AI Tools empowers developers to create, edit, and orchestrate AI-driven Canvas experiences for code generation, document editing, and interactive exercises. It enables teams to design GenUI tools that integrate with a Monaco-like canvas, plug-in tool definitions, and a UI that renders tool outcomes.
Core Features & Use Cases
- AI Canvas tooling: Open, update, and run code within an interactive canvas to facilitate coding practice, visualizations, and document edits.
- GenUI Tool Architecture: A modular architecture with a tool registry (open_canvas, update_canvas, run_code) and a UI component layer for rendering results.
- Artifact tracking & UI rendering: Tracks tool invocations and renders results in a structured UI with error handling and previews.
Quick Start
Use open_canvas to create a new canvas titled "Example Canvas" and start editing code with an initialContent example such as print("Hello World").
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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-ai-tools Download link: https://github.com/omerakben/omer-akben/archive/main.zip#canvas-ai-tools Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.