What problem does it solve? Adding a "who viewed this document today" indicator with Velt involves several easy-to-get-wrong details: scoping counts to sub-documents, choosing between React hooks and observable subscriptions, and binding wireframe template variables with non-obvious names like treadsVisible. This Skill provides verified implementation rules so AI agents generate correct Velt View Analytics code without hallucinating APIs like getViewElement(). ## Core Features & Use Cases - Component Setup & Location Scoping: Place <VeltViewAnalytics> correctly and scope view counts to sub-regions using type="location" plus location-id. - Programmatic View Counts: Read unique views by user or by date via React hooks (useUniqueViewsByUser, useUniqueViewsByDate, useViewsElement) or the non-React observable form client.getViewsElement().get*().subscribe(...) with proper cleanup. - Custom UI via Wireframes: Build fully custom trigger badges, viewer-list dialogs, and mobile bottom sheets using the three wireframe tags and their componentConfig.* template variables. - Use Case: You are building a multi-tab collaborative document and want a per-tab "viewed today" badge with a custom-styled recent-viewers popover — this Skill gives the exact props, hooks, and wireframe bindings to implement it. ## Quick Start Ask the agent to add a Velt View Analytics badge to your toolbar and show the count of unique viewers using the appropriate React hook.
