Skills
.Work. You
Rest

google-calendar-addon-ui-ux

Community

Design Calendar Add-ons with native CardService.

Design & Creative#calendar#ui-design#google-workspace#design-guidelines#ux-patterns#addon#cardservice
Authorlim010111
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill governs the design and implementation of Google Calendar Add-ons using Google's CardService API. It ensures Calendar-specific constraints, event lifecycle patterns, and component architecture are consistently applied across projects.

Core Features & Use Cases

  • Calendar Add-on fundamentals: rendering inside a constrained right sidebar via CardService primitives; no HTML/CSS; use CardService widgets for consistency.
  • Design principles: respect the container width, event-driven lifecycles (homepage, eventOpen, eventUpdate), contextual awareness, and asynchronous UX patterns.
  • Best practices: use CardService navigation, FixedFooter for primary actions, and proper context data usage in event scenarios.

Quick Start

Review Calendar Add-on UI/UX guidelines and apply the recommended patterns to design or audit a Google Calendar add-on.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: google-calendar-addon-ui-ux
Download link: https://github.com/lim010111/autocolor-calendar/archive/main.zip#google-calendar-addon-ui-ux

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.