visualise
Installation
SKILL.md
Inline Visualizer（内联可视化器）
在对话里直接渲染富可视化内容——SVG 图、HTML 交互组件、图表。输出以 token 流方式逐字注入一个沙箱化 iframe，观感像对话的自然延伸，而不是一个附件。
工作原理
你生成原始 HTML 或 SVG 片段。客户端把它们渲染进一个沙箱化 iframe，并注入设计系统的 CSS 变量。不要写 <html>、<head>、<body> 标签——只写内容片段。
两种输出模式：
- SVG 模式：输出以
<svg>开头。客户端自动包进卡片。最适合静态图。 - HTML 模式：原始 HTML 片段。最适合交互内容（滑块、标签页、图表、控件）。你可以在 HTML 模式里内嵌
<svg>元素。
客户端根据输出是否以 <svg 开头来判断模式。
生成任何可视化之前
先读设计系统参考，再开始画第一个图：