Agent skill · design visual · jeremylongshore
prism-chart
Use when asked to implement a chart, select a visualization type, or build a data display component. Examples: "implement chart for time series", "best visualization for comparison data", "chart component for analytics
Why this skill is useful
Provides a structured workflow for selecting chart types and libraries based on data characteristics, which the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
prism-chart — Chart & Visualization Selection Follow the output format defined in docs/output-kit.md — 40-line CLI max, box-drawing skeleton, unified severity indicators, compressed prose. When to use User needs a chart implementation, visualization type recommendation, or data display component. Workflow 1. Identify data type from user request (time series, comparison, distribution, composition, relationship, etc.) 2. Search chart knowledge base: 3. Evaluate results for: data volume threshold, accessibility grade, interaction level 4. Output recommendation with library choice and accessibility fallback Output format Anti-patterns Never ignore data volume threshold — recommend aggregation if data exceeds it Never skip accessibility fallback for charts graded below AA Never choose a chart type based on visual appeal over data clarity Never recommend a library without confirming it is compatible with the detected stack Delivery If output exceeds the 40-line CLI budget, invoke /atlas-report with the full findings. The HTML report is the output. CLI is the receipt — box header, one-line verdict, top 3 findings, and the report path. Never dump analysis to CLI.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/prism-chart