You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: inline-visualizer-v2/SKILL.md
+2-4Lines changed: 2 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -26,8 +26,6 @@ The raw markers + SVG source are auto-hidden from the chat — users see only th
26
26
**Example response structure:**
27
27
28
28
"""
29
-
visualize(title="Attention")
30
-
31
29
I'll visualize the attention mechanism for you.
32
30
33
31
@@@VIZ-START
@@ -40,7 +38,7 @@ As you can see, each query token attends to all key tokens simultaneously.
40
38
"""
41
39
42
40
**Streaming rules:**
43
-
- Use the delimiters EXACTLY @@@VIZ-START and @@@VIZ-END — case-sensitive, on their own lines. Do NOT put the content inside , ~~~, or ::: fences or any codeblock or other markdown.
41
+
- Use the delimiters EXACTLY @@@VIZ-START and @@@VIZ-END — case-sensitive, on their own lines. Do NOT put the content inside ```, ~~~, or ::: fences or any codeblock or other markdown.
44
42
- Do NOT wrap in HTML tags like <viz> or <svgdata-iv> — only the text markers are detected.
45
43
- Emit **exactly ONE** @@@VIZ-START … @@@VIZ-END pair per tool call. For multiple visualizations, call the tool multiple times.
46
44
- Structure the content as always: <style> first → visible content → <script> last.
@@ -128,7 +126,7 @@ Default to purple for neutral or multi-purpose visualizations.
128
126
These rules keep visuals clean, accessible, and consistent with the host UI:
129
127
130
128
- **Flat design** — no gradients, drop shadows, blur, glow, or noise textures (the host UI is flat; matching it prevents visual jarring)
131
-
- **No emoji** — use CSS shapes or SVG paths for icons (emoji render inconsistently across platforms)
129
+
- **Prefer no emojis**, instead use CSS shapes or SVG paths for icons (emoji render inconsistently across platforms)
132
130
- **Sentence case** — all labels and headings
133
131
- **Round displayed numbers** — use Math.round, toLocaleString, or Intl.NumberFormat
134
132
- **Min font size 11px** — smaller becomes unreadable on most screens
0 commit comments