Skills

All Skills

canvas

Skills tagged with #canvas

@TagTeamDesign
MCP

Io.Github.KyleTaggart/Lsp

Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.

mcpgithub
TagTeamDesign/lightsync-pro+1 more
6mo ago
0
@justskill-ai

justSkill

You write one HTML file with inline CSS. It is the design. This skill checks it, lets you edit it one change at a time, and gives the user a canvas to drag.

justskill-ai/justskill-design
15h ago
110
@dashrobotco

robot-components

Add features to the Node Editor Canvas - visual effects, interactions, physics, keyboard shortcuts

dashrobotco/robot-components
6mo ago
1880
@leynier

agent-canvas

Publish structured Agent Canvas updates for the current Alera terminal and wait for durable decisions.

leynier/alera+1 more
3mo ago
160
@wmarceau
MCP

Canva Mcp

MCP server for Canva - create designs, manage assets, use templates, export graphics

mcpgithub
wmarceau/canva-mcp
6mo ago
0
@flpbalada

business-model-canvas

Design and analyze business models using the Business Model Canvas framework. Use when evaluating startups, planning new products, pivoting existing businesses, or understanding how companies create and capture value.

flpbalada/my-opencode-config+29 more
6mo ago
1840
@dvdsgl

calendar

Calendar canvas for displaying events and picking meeting times. Use when showing calendar views or when users need to select available time slots.

dvdsgl/claude-canvas+3 more
6mo ago
1.4K0
@yctimlin

excalidraw-skill

Programmatic canvas toolkit for creating, editing, and refining Excalidraw diagrams via MCP tools with real-time canvas sync. Use when an agent needs to (1) draw or lay out diagrams on a live canvas, (2) iteratively refine diagrams using describe_scene and get_canvas_screenshot to see its own work, (3) export/import .excalidraw files or PNG/SVG images, (4) save/restore canvas snapshots, (5) convert Mermaid to Excalidraw, or (6) perform element-level CRUD, alignment, distribution, grouping, duplication, and locking. Requires a running canvas server (EXPRESS_SERVER_URL, default http://localhost:3000).

yctimlin/mcp_excalidraw
6mo ago
1.4K0
@bottobot

cc-workflow-ai-editor

AI workflow editor for CC Workflow Studio. Create and edit visual AI agent workflows through interactive conversation using MCP tools (get_workflow_schema, get_current_workflow, apply_workflow). Use when the user wants to create a new workflow, modify an existing workflow, or edit the workflow canvas in CC Workflow Studio via the built-in MCP server.

bottobot/touchdesigner-mcp-server
6mo ago
310
@tldraw
MCP

Tldraw

Draw and visually collaborate with your agents on tldraw's canvas.

mcpgithub
tldraw/tldraw
6mo ago
0
@gridaco

Grida Canvas Engine — Performance Development

Workflow and reasoning framework for render performance work on the Grida Canvas Rust engine.

gridaco/grida
6mo ago
2.4K0
@zanwei

design-dna

Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides images, screenshots, or URLs of reference designs and wants them analyzed into a structured JSON profile covering all three dimensions, (3) a user has a Design DNA JSON and content and wants a design generated from it, or (4) any combination of these phases. Triggers on "design DNA", "extract design style", "analyze design", "design tokens from reference", "generate design from JSON", "design system from screenshot", "design profile", "style guide JSON", "visual effects analysis", "design with effects", "3d design analysis".

zanwei/design-dna
6mo ago
1340
@vishalsachdev

canvas-accessibility-auditor

Accessibility audit and remediation for Canvas LMS courses. Scans content for WCAG violations, generates prioritized reports, guides fixes, and verifies remediation. Use when asked to "audit accessibility", "check WCAG compliance", "fix accessibility issues", or "run accessibility review".

vishalsachdev/canvas-mcp+10 more
6mo ago
740
@gluip
MCP

Chart Canvas

Create interactive visualizations and query data sources (SQLite, CSV, Parquet, JSON)

mcpgithubsqlite
gluip/chart-canvas
6mo ago
0
@mcp-registry
MCP

AI-ERD

AI-powered ERD design tool. Create and manage database schemas using DBML with real-time canvas.

mcpai
6mo ago
0
@ZipLyne-Agency

Operating CodeGrid

CodeGrid is a native macOS workspace where several coding agents run side by side, each in its own **pane** on an infinite 2D **canvas**. It is *local-first*: no cloud, no account, no stored API keys. Agents are launched as normal CLIs (`claude`, `codex`, `gemini`, `cursor-agent`, `grok`, or a shell

ZipLyne-Agency/CodeGrid-Claude-Code-Terminal+1 more
5mo ago
100
@bacharSalleh

Archik — the project's shared map

The archik file is **the user's source of truth for what the system looks like**. It lists every meaningful node (services, databases, queues, frontends, external APIs, …) and the edges between them. The canvas in the browser is a stateless projection of this file — when the user says "the order

bacharSalleh/archik
6mo ago
70
@TranHoaiHung
MCP

Io.Github.TranHoaiHung/Figma Ui Mcp

Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back

mcpgithubawsai
TranHoaiHung/figma-ui-mcp
6mo ago
0
@uditalias

claude-canvas

Draw visual diagrams, wireframes, and flowcharts on a shared canvas. Ask the user visual Q&A questions with interactive answer panels. Collect visual feedback instead of terminal-only text.

uditalias/claude-canvas
6mo ago
70