Skills

Interactive Dashboard

Interactive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served...

Install

npx skills add ginlix-ai/LangAlpha --skill interactive-dashboard -g -a claude-code -y
Repository
ginlix-ai/LangAlpha2.2k
Category
Engineering
Updated
3d ago
License
Apache-2.0
Context cost
Mediumabout 3,000 tokens
Runs scripts
Yes, review before use

What it does

Interactive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served via preview URL

Interactive Dashboard

Build interactive web dashboards inside the sandbox and expose them to the user via GetPreviewUrl. Use this skill for any request involving dashboards, trackers, monitors, live visualizations, or interactive web apps.

When to Use

Use this skill for a live, served web app, one that needs a running server, not a single file:

  • User asks for a dashboard, tracker, or monitor that refreshes live data (polling, auto-update)
  • The app needs server-side logic, filtering/screening over a large dataset, on-demand fetches, computed endpoints
  • Multi-page / routed apps, or anything that needs React-level component interactivity
  • The dataset is too large to embed in a single HTML file
  • User explicitly says "preview", "web view", "web app", or wants it running at a URL

Do NOT use if:

  • User wants a self-contained HTML report, even an interactive one (sortable tables, tabs, hover/zoom charts) over a data snapshot. That's .agents/skills/html-report/SKILL.md: one file in the task directory, keepable, printable, PDF-exportable, share-linkable. Interactivity by itself does not require a dashboard.
  • User wants a static chart image → matplotlib/plotly savefig.
  • User wants an in-chat figure → inline-widget (ShowWidget).

Dashboard vs. HTML Report

Both can be interactive, so the divide is live served app vs. self-contained snapshot file, not static vs. interactive:

Read the whole SKILL.md on GitHub

More in Engineering