Originally created by: BilgeGates
Originally owned by: BilgeGates
There is no way to mark squares or draw arrows on the board. Coaches, puzzle authors, and streamers who need to highlight a key square or illustrate a move direction have to annotate a screenshot in an external tool — a workflow break that interrupts the diagram creation flow.
Add an ephemeral annotation layer on top of the board with two interactions:
Square highlighting — right-click a square to cycle its fill colour: red → yellow → green → blue → none. Each right-click on the same square advances the cycle.
Arrow overlay — right-click-drag from a source square to a target square to draw a directional SVG arrow. Right-clicking the same pair again removes it.
Clearing — left-click anywhere on the board clears all highlights and arrows.
Keyboard parity — Alt+Click for highlight, Shift+Alt+Drag for arrows, so the feature is reachable without a right mouse button and passes the WCAG 2.1 AA keyboard gate.
Annotations are ephemeral — they do not affect the FEN and are excluded from export by default. An opt-in checkbox in the Export dialog can composite the annotation layer into the render for users who want to share annotated diagrams.
