glasses-ui

Automate glasses UI page construction with text and image containers on the 576x288 G2 canvas.

Updated Apr 19, 2026
One-click install
npx skills add https://github.com/Ertejeonline/er-clock --skill glasses-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: glasses-ui
Source: https://github.com/Ertejeonline/er-clock/tree/main/resources/glasses-ui
Command: npx skills add https://github.com/Ertejeonline/er-clock --skill glasses-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams rapidly assemble reliable, reusable glasses UI layouts on the G2 canvas by composing text and image containers with consistent lifecycle behavior.

Core Features & Use Cases

  • Container-based UI design for glasses displays on the 576x288 canvas
  • Supports text and image containers with lifecycle-aware rendering and event capture
  • Real-world use: build dashboards, feeds, or status displays for Even Hub G2 glasses

Quick Start

Provide a full page specification describing containers and content to render on the 576x288 G2 canvas.

Frequently Asked Questions about glasses-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a UI for glasses displays on the G2 canvas?

Build glasses UI on the G2 canvas by composing text and image containers through a structured page specification. It manages deterministic 576x288 layouts with lifecycle-aware rendering and event capture for reliable display updates.

What is the best way to manage page lifecycle events for smart glasses displays?

Manage page lifecycle events for glasses displays by defining structured page specifications that handle startup, rebuilds, and per-container updates. This ensures deterministic rendering and consistent event capture across text and image containers on the G2 canvas.

Can I define custom container properties for a 576x288 glasses display canvas?

You can define container properties like xPosition and width on the 576x288 G2 canvas via a structured data contract. This allows precise placement and deterministic layout management for both text and image containers.

How do I update image containers on a glasses UI page without breaking the layout?

Update image containers on a glasses UI page by following the structured image update sequencing rules. This coordinates per-container updates within the page lifecycle, maintaining deterministic 576x288 layout integrity during rebuilds and runtime changes.

Does the glasses UI builder support event capture for interactive dashboards?

Yes, the glasses UI builder supports event capture rules for interactive dashboards. You define capture rules within the structured data contract, enabling responsive text and image containers on the G2 canvas for status displays and feeds.

Why are my glasses UI containers misaligned on the G2 canvas during rebuilds?

Containers misalign on the G2 canvas during rebuilds when page lifecycle methods are not properly structured. Using a coordinated data contract for container properties and update sequencing ensures deterministic 576x288 layout rendering across startup and rebuild cycles.