Create / Update a Visualizer

What problem does it solve?

This Skill provides a streamlined process for creating and updating interactive visualizers for Kaggle environments, enabling developers to build engaging graphical representations of game states and replays.

Core Features & Use Cases

• Project Scaffolding: Generates the necessary directory structure and boilerplate files for a new visualizer project using Vite and TypeScript.
• Development Workflow: Integrates with pnpm for dependency management and provides scripts for local development (hot-reloading) and production builds.
• Integration: Guides on how to integrate the built visualizer with the Python environment for rendering replays.
• Use Case: A game developer needs to create a visual representation for a new Kaggle environment. This Skill helps them quickly set up the front-end project, write the rendering logic, and integrate it seamlessly with the backend.

Quick Start

Follow the steps outlined in the documentation to create the project structure, write boilerplate files, and develop the entry point and renderer for your visualizer.