canvas
A Cursor Canvas is a live React app that the user can open beside the chat.
Skill by JameMy0001
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/jamemy0001-canvas
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: documents, design, frontend, data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
- Runs as
- Node.js package
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/canvas
What's inside
- Skill name
canvas- Description
- A Cursor Canvas is a live React app that the user can open beside the chat. You MUST use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response that benefits from visual layout. Especially prefer a canvas when presenting results from MCP tools (Datadog, Databricks, Linear, Sentry, Slack, etc.) where the data is the deliverable — render it in a rich canvas rather than dumping it into a markdown table or code block. If you catch yourself about to write a markdown table, stop and use a canvas instead. You MUST also read this skill whenever you create, edit, or debug any .canvas.tsx file.
- License
- NOASSERTION
- Instructions
- 100 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
- Instructions call the network
Files (16)
- SKILL.md
- callout-tone-icons.d.ts · sdk/
- canvas-tokens.d.ts · sdk/
- chart-primitives.d.ts · sdk/
- collapsible-section.d.ts · sdk/
- dag-layout.d.ts · sdk/
- diff-view.d.ts · sdk/
- form-primitives.d.ts · sdk/
- hooks.d.ts · sdk/
- index.d.ts · sdk/
- swatch.d.ts · sdk/
- theme.d.ts · sdk/
- todo-list.d.ts · sdk/
- ui-primitives.d.ts · sdk/
- ui-primitives.test.d.ts · sdk/
- usage-bar.d.ts · sdk/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from JameMy0001/antigravity-skills-hub
- 0.587score
codex-harness-agent
JameMy0001
Comprehensive production guide and runner for OpenAI's Agents API, the managed Codex Cloud Harness, and Computer Use (CUA).
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
baoyu-infographic
JameMy0001
Convert complex technical concepts and workflows into visual infographics with 21 layouts and 21 styles (Morandi, hand-drawn, tech).
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
brainstorming
JameMy0001
Explore user intent, requirements, and design before implementation - explore trade-offs, clarify edge cases, and present visual companion specs.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
create-hook
JameMy0001
Create Cursor hooks.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
database-migrations
JameMy0001
Database migration best practices for schema changes, data migrations, rollbacks, and zero-downtime deployments across PostgreSQL, MySQL, and common ORMs…
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
create-subagent
JameMy0001
Create custom subagents for specialized AI tasks.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
create-rule
JameMy0001
Create Cursor rules for persistent AI guidance.
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
claude-design
JameMy0001
World-class frontend UI/UX design craft with dual-mode delivery (standalone HTML artifacts with Tweaks panel and production React/Tailwind/shadcn components)…
SkillAFreshness: A★ 1Claude Code +9 - 0.579score
architecture-diagram
JameMy0001
Generate dark-themed SVG architecture, cloud infrastructure, and system flow diagrams embedded in standalone interactive HTML.
SkillAFreshness: A★ 1Claude Code +9 - 0.576score
deploy-with-vercel
JameMy0001
Link this repository to a Vercel project and deploy it using the Vercel MCP tools.
SkillAFreshness: A★ 1Claude Code +9 - 0.576score
autopilot
JameMy0001
Keep a PR merge-ready by triaging comments, resolving clear conflicts, and fixing CI in a loop.
SkillAFreshness: A★ 1Claude Code +9 - 0.575score
determine_threat_model
JameMy0001
Build a threat model for the repository or component to identify entry points, trust boundaries, sensitive data paths, attack surfaces, and priority review…
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 28, 2026 (1 month ago)
- Last release
- Oct 2, 2026 (26 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- NOASSERTION
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
- 0.336score
canvas
StarksJohn
A Cursor Canvas is a live React app that the user can open beside the chat.
SkillAFreshness: AClaude Code +9 - 0.312score
canvas
EngrPrenz
A Cursor Canvas is a live React app that the user can open beside the chat.
SkillBFreshness: BClaude Code +9 - 0.282score
canvas
petralabx
A Cursor Canvas is a live React app that the user can open beside the chat.
SkillCFreshness: CClaude Code +9
More from JameMy0001
- 0.587score
codex-harness-agent
JameMy0001
Comprehensive production guide and runner for OpenAI's Agents API, the managed Codex Cloud Harness, and Computer Use (CUA).
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
brainstorming
JameMy0001
Explore user intent, requirements, and design before implementation - explore trade-offs, clarify edge cases, and present visual companion specs.
SkillAFreshness: A★ 1Claude Code +9 - 0.584score
baoyu-infographic
JameMy0001
Convert complex technical concepts and workflows into visual infographics with 21 layouts and 21 styles (Morandi, hand-drawn, tech).
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
create-rule
JameMy0001
Create Cursor rules for persistent AI guidance.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
create-subagent
JameMy0001
Create custom subagents for specialized AI tasks.
SkillAFreshness: A★ 1Claude Code +9 - 0.582score
create-hook
JameMy0001
Create Cursor hooks.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
canvas skill. Agent Mart. https://agentmart.dev/skills/jamemy0001-canvas (last updated 2026-10-24)