import { GPTVis, type ThemeSpec } from '@antv/gpt-vis';
import theme from './gpt-vis.json';

const chart = new GPTVis({
  container: '#chart',
  theme: theme as ThemeSpec,
});

chart.render({
  type: 'line',
  data: [
    { time: 'Q1', value: 32 },
    { time: 'Q2', value: 48 },
    { time: 'Q3', value: 61 },
  ],
});

1. 1Copy the prompt
2. 2Generate with the Skill
3. 3Paste & refine your theme

Help me create a custom ThemeSpec for GPT-Vis from the references I provide (websites, slides, brand guidelines, or visual examples).

First read and follow the self-contained Theme Creator reference bundled with the GPT-Vis chart-visualization skill:
https://raw.githubusercontent.com/antvis/GPT-Vis/ai/skills/chart-visualization/references/theme-creator.md

If that link is unavailable, use:
https://github.com/antvis/GPT-Vis/blob/ai/skills/chart-visualization/references/theme-creator.md

Ask only for missing information that materially changes the design. Follow the reference's configuration tables, visual-only boundaries, accessibility guidance, and validation checklist. Create a coherent style across statistical charts, relationship graphs, tables, and narrative summaries.

Return exactly one complete ThemeSpec JSON object, with id and label, ready to paste into GPT-Vis Theme Studio. Use tokens for shared decisions and style/charts for supported visual refinements. Do not include chart data, commentary, Markdown fences, or fields from other chart libraries.

My references and preferences:
[Add your references here]