Create interactive React canvases for charts, tables, and diff views.
npx skills add https://github.com/cuongnm-dev/team-ai-config --skill canvas-cuongnm-dev
Please help me install this Agent Skill. Skill: canvas Source: https://github.com/cuongnm-dev/team-ai-config/tree/main/cursor/skills-cursor/canvas Command: npx skills add https://github.com/cuongnm-dev/team-ai-config --skill canvas-cuongnm-dev
Cursor Canvas enables building and presenting standalone visual artifacts alongside chat, replacing clunky markdown dumps with interactive canvases that render charts, tables, diffs, and other rich content.
Open Cursor and create a new canvas using the Canvas skill workflow to begin building your visual artifact beside the chat.
High-intent search queries and answers about installing and using this skill.
To display interactive charts and tables beside chat, use a canvas to host standalone visual artifacts. This replaces markdown dumps with live React components like BarChart, LineChart, and tables for data-heavy analyses.
Yes, you can present MCP outputs, security audits, and architecture reviews as interactive visual artifacts. The canvas renders these standalone analyses beside chat, enabling rich presentation without relying on markdown tables.
Create a new canvas using the canvas workflow to build a live React canvas for data visualization. It uses the cursor/canvas SDK and frontmatter definitions in SKILL.md to render interactive artifacts beside chat.
Yes, the canvas supports diff views for code reviews and billing investigations. It provides rich rendering primitives for presenting data-heavy analyses and cross-tool reporting as interactive visual artifacts.
Building visual artifacts requires enforcing theming with host tokens and avoiding network calls. A guided workflow with pre-delivery quality checks ensures accessible, consistent visuals across teams.
Yes, creating interactive canvases has the limitation of avoiding network calls. The canvas SDK enforces this constraint while requiring theming with host tokens to maintain consistent visual presentation.
Azeem-2Translate visual philosophies into single-page PDF or PNG canvases.
dvdsglDisplay interactive calendar views for meeting time selection in Claude Canvas.
oaustegardCreate interactive charts from uploaded data files using Vega-Lite.
thecloudtipsFormat goal progress data into Markdown dashboards, ASCII bars, and Mermaid Gantt charts.
