Menu
Render charts and images in the canvas window by outputting JSON. Use for visualisation, graphing, and displaying data visually.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Collaborate over x0x — contacts, messages, spaces, boards, files, presence, trusted-machine port forwards, and replicated stores. Use for sharing cards, connecting people, or cross-device work.
Guide for surfacing one relevant Fae capability that the user hasn't set up yet. Warm, specific, one thing at a time.
Deep pipeline diagnostic — every model, system specs, audio config, speaker state. Flags missing or broken components. Use for diagnose, debug, or health check.
Extract training signals from Fae's memory — SFT examples, DPO correction pairs, engagement scores, and interest-weighted sampling.
Set up (or turn off) a cloud brain for harder questions via OpenRouter — privacy-first, plain language. Use when the user wants a bigger or smarter brain or mentions the cloud.
A warm first conversation for someone meeting Fae for the first time — getting to know their name, where they live, and what they care about, showing one thing live, and explaining how to talk to her.
| name | canvas |
| description | Render charts and images in the canvas window by outputting JSON. Use for visualisation, graphing, and displaying data visually. |
| metadata | {"author":"fae","version":"1.0"} |
You have a canvas window. When you output chart or image data, it renders automatically in the canvas for the user to see.
Show a chart when the user asks to visualise, chart, graph, compare, or display data visually. Do NOT use the canvas for simple text answers.
To show a chart, output ONLY a JSON object as your entire response — no text before or after it. The system detects the JSON and renders it to the canvas automatically. You will not see the JSON; the user sees the chart.
After outputting the JSON, on the next turn briefly describe what you showed (e.g. "That bar chart shows sales by quarter.").
Bar chart (comparison):
{"type":"Chart","data":{"chart_type":"bar","data":{"labels":["A","B","C"],"values":[10,20,30]},"title":"My Chart"}}
Line chart (trends):
{"type":"Chart","data":{"chart_type":"line","data":{"labels":["Jan","Feb","Mar"],"values":[100,150,200]},"title":"Trend"}}
Pie chart (proportions):
{"type":"Chart","data":{"chart_type":"pie","data":{"labels":["Red","Blue"],"values":[60,40]},"title":"Split"}}
Scatter plot (correlation):
{"type":"Chart","data":{"chart_type":"scatter","data":{"points":[{"x":1,"y":2},{"x":3,"y":4}]},"title":"Scatter"}}
{"type":"Image","data":{"src":"https://example.com/photo.jpg"}}