中文 EN

AI Skills Integration

ChartKit AI Skills Integration

The ChartKit Skill is a product knowledge package for AI assistants. It covers integration workflows, data structures, themes, legends, tooltips, animation, and data refresh rules for Line, Column, Pie, Scatter, and Financial charts. It helps AI choose the right chart type for business data and generate Qt code.

Downloads

Folder Structure

uigears-chartkit/
  SKILL.md
  agents/openai.yaml
  references/
    integration.md
    api-reference.md

Suitable AI Tasks

  • Choose Line, Column, Pie, Scatter, or Financial charts based on business metrics.
  • Generate ChartKit widget creation, data assignment, and theme setup code.
  • Create examples for multi-series line charts, bar charts, donut charts, and scatter plots.
  • Troubleshoot blank charts, mismatched data length, missing tooltips, and animation refresh issues.
  • Map business data structures into ChartKit series or slice data structures.

Integration Steps

  1. Download and extract qt-ui-uigears-chartkit-skill.zip.
  2. Place uigears-chartkit in the AI tool's skills directory.
  3. Describe the data type and desired chart, for example: "Use ChartKit to generate a monthly orders line chart."
  4. For new integrations, have the AI read references/integration.md first.
  5. For chart-specific APIs, have the AI read references/api-reference.md.

Example Prompts

Use the uigears-chartkit skill to generate a UIGQLineChart example for monthly order data with tooltip, legend, and animation enabled.
Use the uigears-chartkit skill to convert these category statistics into a UIGQBarChart and explain how setCategories maps to setSeries.

Code Generation Rules

  • The current product includes Line, Column/Bar, Pie, Scatter, and Financial charts.
  • Charts are Qt widgets and can be placed in Qt layouts or WidgetKit containers.
  • Update data and appearance through public APIs such as setSeries(...), setSlices(...), and setThemePreset(...).
  • Do not access internal rendering objects.
  • Call restartAnimation() when refreshed data should replay animation.