Agents

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/charts and its stylesheet once at the application entry.
  • Use configured LineChart for 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.