What problem does it solve? The office visualization receives transition plans with waypoints and timing from its adapter pipeline but discards them and teleports entities, making the scene feel static and lifeless. This Skill provides the design principles and implementation patterns to consume those plans and produce engaging, readable animation. ## Core Features & Use Cases - Orchestrator heartbeat animation: Implements the walk-dispatch-return errand pattern (2-4 second trips with 500-800ms pauses) that serves as the visualization's primary rhythm. - Agent state machines and transitions: Maps idle, working, done, blocked, and concerned states to distinct visual signatures, with sub-500ms transition cues and 150ms staggered ripple effects. - Information design: Defines thought bubble cycling with freeze-on-hover, color-coded time-on-task indicators (green/amber/red), three HUD modes toggled with H, and attention guidance that reserves strong signals for actual problems. - Use Case: When implementing the scene renderer, use this Skill to wire Excalibur.js actor action queues (moveTo, delay, callMethod) to the TransitionPlan output so agents walk corridor waypoints instead of teleporting. ## Quick Start Use the office-game-feel skill to implement the orchestrator's walk-to-dispatch animation from the TransitionPlan waypoints in the Excalibur scene.
