Timeplus App Builder

Use this skill whenever the user asks to build a data processing application, pipeline visualizer, real-time dashboard, streaming analytics app, or any frontend tool that queries or visualizes data from Timeplus Proton.

Overview

You will produce a single self-contained HTML file that:

1. Queries Timeplus Proton directly via @timeplus/proton-javascript-driver loaded from unpkg CDN
2. Visualizes streaming data using @timeplus/vistral loaded from unpkg CDN
3. Follows the Timeplus App Style Guide (dark theme, brand colors, clean layout)
4. Requires no npm install, no build step — open the HTML file directly in a browser

Key architecture: Both @timeplus/proton-javascript-driver and @timeplus/vistral ship UMD builds. Import them via <script src="https://unpkg.com/..."> tags. The Proton driver connects directly to the agent proxy running at localhost:8001.

Step-by-Step Workflow

Step 1 — Clarify Requirements