AI agents
Build charts from complete examples and documented public APIs.
Start with installation and llms.txt, then retrieve the relevant component Markdown. llms-full.txt includes complete examples and API tables.
Copy prompt follows the selected example, curve and material. Copy Markdown provides the page and its default examples.
Build a chart
- Import components from
@kind-ui/chartsand its stylesheet once at the application entry. - Use configured
LineChartfor Root and sizing defaults. Area and Bar use explicit composition. - Keep data, units, domains and visibility state in your application.
- Include a chart name and complete data alternative.
Verify
Typecheck and build the consumer. Inspect mobile layout, keyboard access, legend toggles, missing and zero values, contrast and reduced motion.