Build an interactive HTML dashboard — a Data Schematic — with charts, filters, and tables. Use when creating a dashboard, an executive overview with KPI cards, turning query results into a shareable self-contained report, building a team monitoring snapshot, or needing multiple charts with filters in one browser-openable file.
64
77%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Low
Low-risk findings worth noting
Fix and improve this skill with Tessl
tessl review fix ./.claude/skills/build-dashboard/SKILL.mdLow
Low-risk findings.
2 low severity findings. Worth noting, but not necessarily harmful.
The skill exposes the agent to untrusted, user-generated content from public third-party sources, creating a risk of indirect prompt injection. This includes browsing arbitrary URLs, reading social media posts or forum comments, and analyzing content from unknown websites.
The workflow `/build-dashboard` allows the user to supply outsider-authored free text via the `<description of Data Schematic>` / `data source` arguments (including pasted data), which is then parsed and embedded as JSON/used to build the resulting HTML/JS at runtime.
The skill fetches instructions or code from an external URL at runtime, and the fetched content directly controls the agent’s prompts or executes code. This dynamic dependency allows the external source to modify the agent’s behavior without any changes to the skill itself.
The HTML template loads and executes remote JavaScript at runtime from the CDNs (https://cdn.jsdelivr.net/npm/chart.js@4.5.1 and https://cdn.jsdelivr.net/npm/chartjs-adapter-date-fns@3.0.0), which are required for chart functionality and therefore constitute runtime-executed external code (supply-chain) dependencies.
a46782a
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.