Skill123
Publish Skill 中文

canvas

@cursor/canvas

4.5 Good
Secure From Skill123

canvas skill produces standalone React Canvas apps for analyses, audits, timelines, and interactive explorations beside the chat.

Creative visualizationreactanalysis

Last verified: 2026-06-22 · Cursor

frontend-design

web-design-guidelines

baoyu-cover-image

seedance-prompt-en
Overview

canvas

Create rich analytical Canvas artifacts with React for data-heavy outputs.

When to use

  • → Data-heavy analysis output
  • → Interactive reports
  • → Architecture reviews with visuals

Platforms

Cursor

Resources

skill-name/
├── SKILL.md

Source

https://github.com/cursor/skills-cursor/canvas

Related Skills

frontend-designFeatured

Vercel Labs · Creative

frontend-design produces polished, non-generic UI with intentional typography, color, and motion. Install with npx skills add vercel-labs/agent-skills --skill frontend-design.

4.8Q96
web-design-guidelinesFeatured

Vercel Labs · Creative

web-design-guidelines encodes Vercel design standards for spacing, typography, accessibility, and performance in agent workflows.

4.7Q94
baoyu-cover-imageFeatured

Jim Liu (宝玉) · Creative

baoyu-cover-image generates 公众号 / article covers across type, palette, rendering, text, and mood (JimLiu/baoyu-skills). Install with `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image`.

4.7Q93
seedance-prompt-enFeatured

dexhunter · Creative

seedance-prompt-en writes 豆包 / 即梦 Seedance 2.0 video prompts with @Image/@Video/@Audio references (dexhunter/seedance2-skill). Install with `npx skills add dexhunter/seedance2-skill`.

4.6Q91

FAQ

How do I install canvas?

Send the install prompt to your AI, or run npx skills add https://github.com/cursor/skills-cursor/tree/main/canvas.

Which platforms support canvas?

Cursor