// Calendar canvas for displaying events. Use when showing calendar views.
**The primary skill for terminal TUI components.** Covers spawning, controlling, and interacting with terminal canvases. Use when displaying calendars, documents, or flight bookings.
Document canvas for displaying and editing markdown content. Use when showing documents or when users need to edit text.
Flight canvas for comparing flights and selecting seats. Use when users need to browse flight options and book seats.
| name | calendar |
| description | Calendar canvas for displaying events. Use when showing calendar views. |
Display calendar views with events.
Try asking Claude:
display (default)View-only calendar display.
bun run src/cli.ts show calendar --scenario display --config '{
"title": "My Week",
"events": [
{"id": "1", "title": "Meeting", "startTime": "2026-01-27T09:00:00", "endTime": "2026-01-27T10:00:00"}
]
}'
interface CalendarConfig {
title?: string;
events: CalendarEvent[];
}
interface CalendarEvent {
id: string;
title: string;
startTime: string; // ISO datetime
endTime: string; // ISO datetime
color?: string; // blue, green, red, yellow, magenta, cyan
}
←/→ - Navigate weeksn - Next weekp - Previous weekt: Jump to todayq or Esc: Quit