canvas
规格合规canvas 技能生成独立 React Canvas 应用，用于分析、审计、时间线与交互探索。
Create rich analytical Canvas artifacts with React for data-heavy outputs.
复制给 AI 安装
把这段提示词发给你的 Agent，即可安装该技能。
请先阅读 https://skill123.app/install/skill123.md。然后安装「canvas」技能，执行：
npx skills add https://github.com/cursor/skills-cursor/tree/main/canvas其他安装方式
CLI 安装
npx skills add https://github.com/cursor/skills-cursor/tree/main/canvas手动安装
~/.cursor/skills/canvas/适用场景
- → 数据密集型分析
- → 交互式报告
- → 可视化架构评审
兼容平台
Cursor
资源文件
skill-name/
├── SKILL.md
源码
https://github.com/cursor/skills-cursor/canvas相关技能
frontend-design
Featured
frontend-design 生成有设计感、非模板化的 UI。使用 npx skills add vercel-labs/agent-skills --skill frontend-design 安装。
创意 Cursor Claude Code +2
4.8 优秀
Vercel Labs web-design-guidelines
Featured
web-design-guidelines 将 Vercel 设计标准（间距、字体、无障碍、性能）编码为 Agent 工作流。
创意 Cursor Claude Code +1
4.7 优秀
Vercel Labs stageshow
Stageshow 帮 Agent 做假产品界面静帧、光标演示与 bento（benjitaylor/skills，MIT）。安装：`npx skills add benjitaylor/skills --skill stageshow`。
创意 Cursor Claude Code +2
4.7 优秀
Benji Taylor baoyu-cover-image
Featured
baoyu-cover-image 按类型、配色、渲染、文字与情绪五维生成公众号/文章封面。使用 `npx skills add jimliu/baoyu-skills --skill baoyu-cover-image` 安装。
创意 Cursor Claude Code +3
4.7 优秀
Jim Liu (宝玉) 常见问题
如何安装 canvas？
把安装提示词发给你的 AI，或运行 npx skills add https://github.com/cursor/skills-cursor/tree/main/canvas。
canvas 兼容哪些平台？
Cursor