canvas
canvas 技能生成独立 React Canvas 应用，用于分析、审计、时间线与交互探索。
Create rich analytical Canvas artifacts with React for data-heavy outputs.
spec ✓
全局可用
这个技能能做什么
→数据密集型分析
→交互式报告
→可视化架构评审
你可以这样说
复制以下提示语到 Agent 对话中，触发此技能。
帮我数据密集型分析帮我交互式报告帮我可视化架构评审相关主题
兼容平台
Cursor
安装
CLI 安装
npx skills add https://github.com/cursor/skills-cursor/tree/main/canvas手动安装
~/.cursor/skills/canvas/资源文件
skill-name/
├── SKILL.md
Source
https://github.com/cursor/skills-cursor/tree/main/canvas相关技能
frontend-design
Featured
frontend-design 生成有设计感、非模板化的 UI。使用 npx skills add vercel-labs/agent-skills --skill frontend-design 安装。
能帮你
- →构建 Web UI
- →落地页
frontenddesignui
创意 Cursor Claude Code +2
Q96
spec ✓
全局可用
web-design-guidelines
Featured
web-design-guidelines 将 Vercel 设计标准（间距、字体、无障碍、性能）编码为 Agent 工作流。
能帮你
- →UI 审查
- →设计一致性检查
designaccessibilityguidelines
创意 Cursor Claude Code +1
Q94
spec ✓
全局可用