Connect OpenCode

Use OpenCode agents to build Embed pages and artifacts with @chartbuddy.io/embed.

Three steps

1. Seed context

In a new session, point the agent at:

• llms.txt (index → follow linked .md pages)
• Quick start
• Canvas & sizing

Chartbuddy Embed – new Insight(), @chartbuddy.io/embed from unpkg or npm.
1) https://chartbuddy.io/embed/docs/llms.txt
2) Copy the seriesData grid from Quick start. Fetch linked .md pages as needed
Host must have definite size (aspect-ratio or fixed px).

2. Build

Same patterns as Connect Cursor: HTML artifact or project files, chartData + host CSS.

3. Verify

Visual QA loop – confirm the chart fills the host.

Optional: Hub MCP

To experience a better feedback loop between OpenCode and your chart, use Chartbuddy Hub – see Hub – Connect OpenCode.