What SVG shapes are supported in the animations?

The skill supports a wide range of SVG elements including rectangles, circles, text, lines, paths, and grouped elements (g).

Does it work inside terminal multiplexers like tmux?

Yes, but you must enable passthrough settings (e.g., 'set -g allow-passthrough on' in tmux) for graphics protocols to display correctly.

How do I navigate through a multi-frame trace?

You can use the built-in frame navigation tools to discover the total frame count and render specific frames individually by their index.

What terminal protocols are supported for inline viewing?

The skill supports Kitty Graphics Protocol and iTerm2 Inline Images, with ASCII and browser fallbacks available for other environments.

Can I use this for complex distributed protocols?

Yes, it is specifically designed to visualize complex state machines, sequences, and conditional logic within TLA+ specifications.

TLA+ State Animation

Name: TLA+ State Animation
Author: photoszzt

byphotoszzt

•

Seguridad y Pruebas

Visualizes TLA+ specification state transitions and model checking traces through dynamic SVG animations and terminal rendering.

This skill enables developers to create and view visual animations of TLA+ formal specifications, making complex state machines and distributed protocol behaviors significantly easier to interpret. It provides a structured framework for defining SVG elements linked to specification variables, supporting both high-fidelity browser viewing and immediate terminal rendering via Kitty or iTerm2 protocols. It is particularly valuable for debugging counterexamples, exploring state spaces during model checking, and creating interactive visual presentations of system designs directly within the development workflow.

Características Principales

01Frame-by-frame navigation for trace exploration and counterexample debugging

02Inline terminal rendering using Kitty and iTerm2 graphics protocols

03Dynamic positioning and conditional visibility based on model variables

04Step-by-step SVG animation structure for TLA+ specifications

051 GitHub stars

06ASCII fallback for remote SSH sessions and non-graphical terminals

Casos de Uso

01Visualizing complex concurrency protocols like Paxos or Two-Phase Commit

02Debugging TLA+ model checker counterexample traces step-by-step

03Creating interactive visual documentation for distributed system designs

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add photoszzt/tlaplus-ai-tools tla-create-animations

For use in Claude.ai and ChatGPT

Download Skill