/prism-chart

PrismFrontend & UI

Selects the right chart type and library for frontend data visualizations. Outputs accessibility grade, interaction level, data volume threshold, color guidance, and an accessibility fallback.

Install

This skill

Install Prism Chart

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install this skill

$ claude plugin install prism-chart@tonone-ai

The agent

Install Prism

1. Add to marketplace

$ claude plugin marketplace add tonone-ai/tonone

2. Install Prism

$ claude plugin install prism@tonone-ai

See all Prism skills

Want all 31 agents across both teams?

Full installation guide

Invoke this skill

Command|$ /prism-chart

When to use

When implementing a chart component or choosing a visualization type. Confirms library compatibility with the detected stack before recommending.

Deep dive

AI Chart and Visualization Component Builder

Most chart code picks the wrong type. /prism-chart selects chart type and library, with accessibility grade, interaction level, data volume threshold, color guidance, and fallback.

Read the article

More from Prism

All Prism skills

PrismFrontend

/prism-ui

Builds a production-ready UI from scratch: pages with real data fetching, skeleton loading states, error boundaries, empty states, responsive layout across breakpoints, and keyboard navigation. Follows accessibility standards and uses the project's existing component patterns rather than introducing new ones.

When building a new page or web application from s…

PrismFrontend

/prism-component

Builds a reusable, accessible, typed UI component with every state handled: default, hover, focus, active, disabled, loading, error, and any domain-specific states. Includes prop documentation, usage examples, keyboard interaction patterns, and ARIA attribute coverage.

When adding a new reusable component to a design s…

PrismFrontend

/prism-dashboard

Builds an internal dashboard with data tables that support sorting, filtering, and pagination; detail drawer or modal views; CRUD forms with validation; and search. Designed for internal tooling use cases where density and function matter more than marketing aesthetics.

When engineers or operations teams need a UI for d…

Ready to use Prism Chart?

Get Started Back to Marketplace