tesserax
Specialized in generating charts, diagrams, and technical visualizations using the tesserax Python library
Install / Use
npx skills add matcom/hulkInstalls into whichever agent you are using.
Gemini Rules
Gemini CLI config
Quality Score
Category
Development & EngineeringSupported Platforms
Skill content
View source on GitHubname: tesserax description: Specialized in generating charts, diagrams, and technical visualizations using the tesserax Python library. Use when the user asks to "draw", "visualize", "chart", or "diagram" something, especially for architectural, hierarchical, or statistical data.
Tesserax Visualization Guide
Tesserax is a declarative Python library for creating SVG-based diagrams and charts. Use it for generating high-quality, programmatic visualizations.
Core Workflow
- Initialize Canvas: Always use the
Canvascontext manager. - Define Shapes/Data: Use geometric primitives (
Square,Circle,Text) orChartfor data. - Layout semantic elements: Use
RowLayout,ColumnLayout,GridLayout,Tree, orForce-Directedlayouts. - Connect with Anchors: Use semantic anchors (
top,bottom,left,right,center) for connections. - Export/Display: Use
.fit().display()to finalize.
Code Patterns
Basic Diagram
from tesserax import Canvas, Square, Text, RowLayout, Polyline
with Canvas() as canvas:
a = Square(size=2) + Text("A")
b = Square(size=2) + Text("B")
layout = RowLayout(children=[a, b], gap=2)
p = Polyline(points=[a.anchor("right"), b.anchor("left")])
canvas.fit().display()
Statistical Chart
from tesserax import Canvas, Chart
data = [{"x": 1, "y": 10}, {"x": 2, "y": 20}]
with Canvas() as canvas:
chart = Chart(data).mark_bar().encode(x="x", y="y")
canvas.fit().display()
Strategy for "Drawing" Requests
When the user asks to "draw" something:
- Analyze the data or structure to be visualized.
- Write a Python script using
tesserax. - Quarto Integration: If working inside a
.qmdfile (the primary format for this project), use a standard{python}code block.- End the block with
canvas.fit().display(). - Quarto will automatically capture the SVG output and render it in the document.
- No manual file saving or export commands are needed.
- End the block with
- Standalone Execution: For non-Quarto contexts, execute the script and capture the SVG output to a file (e.g.,
diagram.svg). - Environment Check: Ensure
uv add tesseraxis run if the library is not available in the current environment.
Related Skills
Agent-Reach
84.2kGive your AI agent eyes to see the entire internet. Read & search Twitter, Reddit, YouTube, GitHub, Bilibili, XiaoHongShu — one CLI, zero API fees.
headroom
73.4kCompress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agents, 60-95% fewer tokens for JSON, same answers. Library, proxy, MCP server.
career-ops
72.3kOpen-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications — runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…)
ai-job-search
43.5kThe job search that runs on your machine. AI job application framework built on Claude Code: evaluate postings, tailor CVs, write cover letters, prep interviews. Fork it and own it.
Security Score
Audited on Mar 10, 2026
