How does it handle changes in the original Beamer file?

It includes a mandatory Freshness Check (Step 0) that compares the Beamer source with the extraction file to ensure the 'Single Source of Truth' principle is maintained.

What system dependencies are required?

The skill utilizes Bash tools, xelatex for PDF compilation, and pdf2svg for converting the resulting pages into vector graphics.

Why does this skill use 0-based indexing for SVGs?

Many web-based presentation tools and asset pipelines expect file sequences to start at index 00 (e.g., tikz_exact_00.svg) for consistent programmatic loading.

What is the primary purpose of the extract-tikz skill?

It automates the process of extracting TikZ code from Beamer LaTeX files and converting it into web-ready SVG images for use in modern slide frameworks like Quarto.

Can I use this for non-academic LaTeX projects?

Yes, while optimized for academic workflows, it can be used for any LaTeX project where TikZ diagrams need to be converted to SVG for web display.

TikZ to SVG Extractor

Name: TikZ to SVG Extractor
Author: pedrohcgs

bypedrohcgs

•

491

•

Learning & Documentation

Extracts TikZ diagrams from Beamer LaTeX source and converts them into web-optimized SVG files for Quarto slides.

This skill automates the technical workflow of migrating academic presentations from LaTeX/Beamer to modern Quarto slides by programmatically extracting TikZ diagram blocks. It ensures source-of-truth consistency by verifying Beamer source code against extraction files, manages complex xelatex compilation with specific preambles, and performs precise PDF-to-SVG conversion. Specifically designed for academic workflows, it handles 0-based indexing and automated directory syncing to ensure vector graphics are always ready for web deployment.

Key Features

01Mandatory freshness checks to maintain a single source of truth

02Automated deployment syncing to documentation and web directories

03Automatic TikZ block extraction from Beamer source files

04Seamless LaTeX-to-PDF compilation using xelatex and custom preambles

05High-fidelity PDF to SVG conversion with 0-based file indexing

06491 GitHub stars

Use Cases

01Migrating academic lecture slides from Beamer to web-ready Quarto formats

02Generating high-quality SVG assets for technical documentation and websites

03Automating the update of vector graphics when LaTeX source code changes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill