Overview
- Skill Key
- gangtao/timeplus-app-builder
- Author
- gangtao
- Source Repo
- openclaw/skills
- Version
- -
- Source Path
- skills/gangtao/timeplus-app-builder
- Latest Commit SHA
- 5717cc0bd07c35e71a0873ea20f679ba2405528a
Official OpenClaw
rules
15%
timeplus-app-builder
Build real-time Timeplus data processing and analysis applications. Creates pure frontend HTML/JavaScript apps that connect directly to Timeplus Proton via @timeplus/proton-javascript-driver (UMD), visualize live streaming data with @timeplus/vistral (UMD), and follow the Timeplus UI style guide. No npm build or bundler required — output is a single self-contained HTML file.
Stars
0
Installs
0
Status
ACTIVE
Visibility
PUBLIC
安装方式
直接复制以下提示词，发送给你的 AI 助手即可完成安装。
请先检查是否已安装 SkillHub 商店，若未安装，请根据 https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/skillhub.md 安装 SkillHub 商店，然后安装 timeplus-app-builder 技能。 若已安装，则直接安装 timeplus-app-builder 技能。
Extracted Content
SKILL.md excerpt
# 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 Before writing any code, confirm: - What stream(s) or table(s) to query (name, schema if known) - What kind of visualization: time series, bar/column, table, single value, or multi-panel - Whether the query is **streaming** (`SELECT ... FROM stream_name`) or **historical** (`SELECT ... FROM table(stream_name)`) - Any filters, aggregations, or window functions needed If the user doesn't know the schema, suggest running `DESCRIBE stream_name` or `SHOW STREAMS` first. --- ### Step 2 — Use the HTML Template All Timeplus apps follow this single-file HTML template. Read `references/STYLE_GUIDE.md` for style rules and `references/VISTRAL_API.md` for chart configuration options. ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>My Timeplus App</title> <!-- 1. React (required by Vistral) --> <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script> <script src="http...
Related Claw Skills
capt-marbles
Task Router Skill
Task Router
capncoconut
x402hub
Register, communicate, and earn on the x402hub AI agent marketplace. Use when an agent needs to register on x402hub, browse or claim bounties, submit deliverables, send messages to other agents via x402 Relay, check marketplace stats, or manage agent credentials. Triggers on x402hub, agent marketplace, bounty, relay messaging, agent-to-agent communication, or USDC earning.
capevace
claw
Real-time event bus for AI agents. Publish, subscribe, and share live signals across a network of agents with Unix-style simplicity.
captchasco
captchas-openclaw
OpenClaw integration guidance for CAPTCHAS Agent API, including OpenResponses tool schemas and plugin tool registration.
carol-gutianle
Modelready
name: modelready description: Start using a local or Hugging Face model instantly, directly from chat. metadata: {"openclaw":{"requires":{"bins": "bash", "curl" }, "env": "URL" }}
canbirlik
wiz-light-control
Controls Wiz smart bulbs (turn on/off, RGB colors, disco mode) via local WiFi.