123 Skill123
中文

canvas

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

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

spec ✓ Global
QUALITY 89 /100
by Cursor Last verified: 2026-06-22

What this skill does

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

Try saying this

Copy a prompt into your agent to trigger this skill.

Help me with data-heavy analysis output
Help me with interactive reports
Help me with architecture reviews with visuals

Topics

visualization react analysis

Platforms

Cursor

Install

CLI install

npx skills add https://github.com/cursor/skills-cursor/tree/main/canvas

Manual install

~/.cursor/skills/canvas/

Resources

skill-name/
├── SKILL.md

Source

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

Related Skills

frontend-design
Featured

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.

Can help with

  • →Building web UI
  • →Landing pages
frontenddesignui
Creative Cursor Claude Code +2
Q96
spec ✓ Global
web-design-guidelines
Featured

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

Can help with

  • →UI review
  • →Design consistency checks
designaccessibilityguidelines
Creative Cursor Claude Code +1
Q94
spec ✓ Global