Canvas

Create a shareable interactive markdown canvas and return https://canvas.n3wth.com/c/{slug}.

Create and share interactive markdown canvases via canvas.n3wth.com. Push source, get a rendered preview URL, and iterate in place. Use when humans or agents should open the output by URL.

canvasmarkdownpreviewcollaboration

Version 1.0.0Updated Sep 1, 2026n3wth

Capabilities

Create interactive markdown canvases

Share URLs at canvas.n3wth.com/c/{slug}

Push and iterate source without reload

Read current source before editing

Bearer token auth for production deployments

Use cases

Spin up cowork surfaces for humans or agents

Share rendered markdown with stable links

Iterate on content in place

Collaborate on documents

Try it

Example prompts to use with this skill

Prompt

Create a canvas with markdown content

Output

I'll create a new canvas:

curl -sS -X POST "$CANVAS_SITE_URL/agent/v1/canvases" \
  -H "Authorization: Bearer $CANVAS_AGENT_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"title": "My doc", "source": "# Hello\n\nThis is **markdown**."}'

Returns `https://canvas.n3wth.com/c/{slug}` to open.

Prompt

Update an existing canvas

Output

I'll update the canvas source:

curl -sS -X PUT "$CANVAS_SITE_URL/agent/v1/canvases/$SLUG/source" \
  -H "Authorization: Bearer $CANVAS_AGENT_TOKEN" \
  -H "Content-Type: application/json" \
  -d '{"source": "# Updated\n\nNew content."}'

Open tabs at https://canvas.n3wth.com/c/$SLUG re-render automatically.

Add to your AI assistant

Choose your AI assistant and run the command in your terminal

Cursorcurl -fsSL https://raw.githubusercontent.com/n3wth/canvas/main/skills/canvas/SKILL.md -o ~/.cursor/skills/canvas.mdCopy

Windsurfcurl -fsSL https://raw.githubusercontent.com/n3wth/canvas/main/skills/canvas/SKILL.md -o ~/.windsurf/skills/canvas.mdCopy

Copilotcurl -fsSL https://raw.githubusercontent.com/n3wth/canvas/main/skills/canvas/SKILL.md -o ~/.copilot/skills/canvas.mdCopy

Discussions

Related skills

GSAP Animations

Create production-ready GSAP animations with ScrollTrigger, SplitText, and other plugins. Build scroll effects, text animations, hero entrances, and micro-interactions.

animationgsapscrolltrigger

MCP Builder

Build MCP (Model Context Protocol) servers that let LLMs interact with external services.

mcpserversapi