探索Claude Canvas的技能生态：邮件、日历与航班预订全攻略

【免费下载链接】claude-canvas Give Claude Code an external monitor 项目地址: https://gitcode.com/gh_mirrors/cl/claude-canvas

Claude Canvas是一款功能强大的外部扩展工具，能够为Claude Code提供丰富的技能生态，包括邮件处理、日历管理和航班预订等实用功能。本文将为你详细介绍如何利用这些技能提升工作效率，轻松应对日常任务。

为什么选择Claude Canvas？

在数字化办公日益普及的今天，高效处理邮件、合理安排日程和便捷预订出行工具成为提升工作效率的关键。Claude Canvas通过其丰富的技能生态，将这些功能整合在一起，为用户提供一站式解决方案。无论是需要快速起草邮件、协调会议时间，还是规划商务出行，Claude Canvas都能满足你的需求。

核心功能概览

Claude Canvas目前提供三大核心技能：

• 文档技能：支持邮件预览、文档编辑和Markdown渲染
• 日历技能：提供会议时间选择和多日历视图功能
• 航班技能：实现航班比较和座位选择的一体化流程

Claude Canvas的邮件预览界面展示了如何快速查看和编辑邮件内容

文档技能：轻松处理邮件与文档

文档技能是Claude Canvas中最常用的功能之一，它不仅支持Markdown文档的显示和编辑，还提供了专门的邮件预览功能。

快速起草与编辑邮件

通过文档技能，你可以轻松起草和编辑邮件。只需使用简单的命令，就能打开邮件编辑界面：

bun run src/cli.ts spawn document --scenario edit --config '{
  "content": "Dear Team,\n\nPlease review the attached document.\n\nBest regards,\nAlice",
  "title": "RE: Project Update"
}'

文档技能支持多种Markdown格式，包括标题、粗体、斜体、代码块、链接、列表和块引用等，让你的邮件内容更加丰富和专业。

实时文本选择与修改

在编辑模式下，你可以通过鼠标点击和拖拽来选择文本，选中的内容会实时通过IPC发送，方便进行进一步的处理和修改。这一功能特别适合需要协作编辑文档或邮件的场景。

日历技能：智能安排你的时间

日历技能为你提供了直观的日历视图和强大的会议时间选择功能，帮助你更有效地管理日程。

多场景日历展示

日历技能支持两种主要场景：

• display场景：只读模式，适合查看日历
• meeting-picker场景：交互式会议时间选择

例如，要查看本周日历，只需运行：

bun run src/cli.ts show calendar --scenario display --config '{
  "title": "My Week",
  "events": [
    {"id": "1", "title": "Meeting", "startTime": "2025-01-06T09:00:00", "endTime": "2025-01-06T10:00:00"}
  ]
}'

智能会议时间选择

meeting-picker场景允许你查看多个人的日历，并选择合适的会议时间：

bun run src/cli.ts spawn calendar --scenario meeting-picker --config '{
  "calendars": [
    {
      "name": "Alice",
      "color": "blue",
      "events": [
        {"id": "1", "title": "Standup", "startTime": "2025-01-06T09:00:00", "endTime": "2025-01-06T09:30:00"}
      ]
    },
    {
      "name": "Bob",
      "color": "green",
      "events": [
        {"id": "2", "title": "Call", "startTime": "2025-01-06T14:00:00", "endTime": "2025-01-06T15:00:00"}
      ]
    }
  ],
  "slotGranularity": 30,
  "minDuration": 30,
  "maxDuration": 120
}'

你可以通过点击自由时间段来选择会议时间，系统会自动计算并返回最佳的会议时段。

航班技能：轻松规划商务出行

航班技能提供了一个赛博朋克风格的界面，让你可以轻松比较航班选项并选择座位。

航班比较与选择

使用航班技能，你可以快速查看多个航班选项，包括航空公司、起降时间、飞行时长和价格等信息：

bun run src/cli.ts spawn flight --scenario booking --config '{
  "title": "// FLIGHT_BOOKING_TERMINAL //",
  "flights": [
    {
      "id": "ua123",
      "airline": "United Airlines",
      "flightNumber": "UA 123",
      "origin": {
        "code": "SFO",
        "name": "San Francisco International",
        "city": "San Francisco",
        "timezone": "PST"
      },
      "destination": {
        "code": "DEN",
        "name": "Denver International",
        "city": "Denver",
        "timezone": "MST"
      },
      "departureTime": "2026-01-08T12:55:00-08:00",
      "arrivalTime": "2026-01-08T16:37:00-07:00",
      "duration": 162,
      "price": 34500,
      "currency": "USD",
      "cabinClass": "economy",
      "aircraft": "Boeing 737-800",
      "stops": 0,
      "seatmap": {
        "rows": 30,
        "seatsPerRow": ["A", "B", "C", "D", "E", "F"],
        "aisleAfter": ["C"],
        "unavailable": ["1A", "1B", "1C", "1D", "1E", "1F"],
        "premium": ["2A", "2B", "2C", "2D", "2E", "2F"],
        "occupied": ["3A", "3C", "4B", "5D"]
      }
    }
  ]
}'

交互式座位选择

航班技能还提供了直观的座位图，让你可以轻松选择心仪的座位。座位图使用不同的符号表示不同类型的座位：

• [ ] - 可用座位
• [X] - 已占用座位
• [/] - 不可用/锁定座位
• [+] - 高级座位（额外腿部空间）
• [*] - 当前选中座位

如何开始使用Claude Canvas

要开始使用Claude Canvas，只需按照以下步骤操作：

1. 克隆仓库：

git clone https://gitcode.com/gh_mirrors/cl/claude-canvas

2. 安装依赖：

cd claude-canvas
npm install

3. 运行示例命令，体验各项技能：

# 文档技能示例
bun run src/cli.ts show document --scenario email-preview --config '{
  "content": "Dear Team,\n\nPlease review the attached document.\n\nBest regards,\nAlice",
  "title": "RE: Project Update"
}'

# 日历技能示例
bun run src/cli.ts show calendar --scenario display --config '{
  "title": "My Week",
  "events": [
    {"id": "1", "title": "Meeting", "startTime": "2025-01-06T09:00:00", "endTime": "2025-01-06T10:00:00"}
  ]
}'

# 航班技能示例
bun run src/cli.ts spawn flight --scenario booking --config '{
  "title": "// FLIGHT_BOOKING_TERMINAL //",
  "flights": [
    {
      "id": "ua123",
      "airline": "United Airlines",
      "flightNumber": "UA 123",
      "origin": {
        "code": "SFO",
        "city": "San Francisco",
        "timezone": "PST"
      },
      "destination": {
        "code": "DEN",
        "city": "Denver",
        "timezone": "MST"
      },
      "departureTime": "2026-01-08T12:55:00-08:00",
      "arrivalTime": "2026-01-08T16:37:00-07:00",
      "duration": 162,
      "price": 34500,
      "currency": "USD",
      "cabinClass": "economy",
      "stops": 0
    }
  ]
}'

总结

Claude Canvas通过其强大的技能生态，为用户提供了一站式的办公解决方案。无论是处理邮件、安排会议，还是预订航班，Claude Canvas都能帮助你更高效地完成任务。赶快尝试使用Claude Canvas，体验智能办公的新方式吧！

如果你想了解更多关于Claude Canvas的技能细节，可以查看各技能的详细文档：

• 日历技能：canvas/skills/calendar/SKILL.md
• 文档技能：canvas/skills/document/SKILL.md
• 航班技能：canvas/skills/flight/SKILL.md

【免费下载链接】claude-canvas Give Claude Code an external monitor 项目地址: https://gitcode.com/gh_mirrors/cl/claude-canvas