What are the system requirements for this skill?

The skill requires xelatex, pdfinfo, and pdf2svg to be installed on the system to handle the compilation and conversion processes.

Does this skill handle multi-page TikZ diagrams?

Yes, it compiles the TikZ source into a multi-page PDF and then iterates through every page to generate individual SVG files for each diagram or slide overlay.

Why does the skill use 0-based indexing for SVG files?

0-based indexing is used to maintain compatibility with specific web-based slide frameworks like Quarto, which often expect asset sequences to start at 00 or 0 for programmatic iteration.

How does the skill ensure diagrams are up to date?

It performs a mandatory 'Freshness Check' that compares the code in the extraction script against the original Beamer source file before proceeding with compilation.

Can I use this for non-Beamer LaTeX files?

While optimized for Beamer-to-Quarto workflows, it can be adapted for any LaTeX file that uses TikZ environments by identifying the correct source blocks.

TikZ to SVG Diagram Extractor

Name: TikZ to SVG Diagram Extractor
Author: eyangs

byeyangs

0•

Aprendizaje y Documentación

Extracts TikZ diagrams from Beamer LaTeX sources and converts them into web-ready SVG assets for Quarto slides.

The TikZ to SVG Diagram Extractor is a specialized workflow tool designed for educators and researchers transitioning from LaTeX Beamer to modern web-based Quarto presentations. It automates the extraction of complex TikZ code, manages compilation via XeLaTeX, and handles the precise conversion of PDF pages into 0-indexed SVG files. By enforcing a mandatory freshness check, it ensures that your web-based visuals always match your original LaTeX source, significantly reducing the manual effort required to maintain high-quality technical diagrams across multiple formats and ensuring a single source of truth.

Características Principales

01Automated TikZ code extraction from Beamer .tex files

02Mandatory source-of-truth verification (Freshness Check)

03Precise conversion to 0-indexed SVG files for Quarto compatibility

04High-fidelity PDF compilation using XeLaTeX with custom preambles

05Automated deployment syncing to web documentation directories

060 GitHub stars

Casos de Uso

01Converting academic Beamer lecture slides into interactive Quarto websites

02Generating high-quality web-ready vector graphics from legacy LaTeX projects

03Automating the update cycle for technical diagrams in digital documentation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add eyangs/claude-code-my-workflow extract-tikz

For use in Claude.ai and ChatGPT

Download Skill