agentsclimarketplace

Prism chart

Skill jeremylongshore/claude-code-plugins-plus-skills/plugins/ai-agency/tonone/skills/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"From its SKILL.md

Install
npx -y skills add jeremylongshore/claude-code-plugins-plus-skills --skill prism-chart

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its file declares

Copied from the file, not written here

The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.

SKILL.md

2.9 KB, 459 tokens by cl100k_base, as published. Nobody here has run it

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:
    python3 -m prism_agent.uiux search --domain chart --query "{data_type}" --limit 3
    
  3. Evaluate results for: data volume threshold, accessibility grade, interaction level
  4. Output recommendation with library choice and accessibility fallback

Output format

┌─ Chart Recommendation — {data_type} ────────────────────────────────┐
│ Chart type:        {chart_type}                                      │
│ Library:           {library} (Chart.js / Recharts / D3 / Plotly)    │
│ Accessibility:     {grade} (AA / A / Below AA)                      │
│ Interaction level: {level} (static / hover / drill-down)            │
│ Data volume:       {threshold} (max recommended data points)        │
├─ Color guidance ────────────────────────────────────────────────────┤
│ {color_guidance}                                                     │
├─ Accessibility fallback ────────────────────────────────────────────┤
│ {fallback_description}                                               │
└──────────────────────────────────────────────────────────────────────┘

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.

What ships with it: 1 file

275 B alongside SKILL.md

.claude-plugin/

Keep looking

Skills are one crate of 326,144. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.