compare-erb-js

What problem does it solve?

This Skill automates the tedious process of ensuring that ERB templates and their JavaScript-converted equivalents produce identical HTML output. It's essential for the offline scoring SPA, helping you quickly identify and resolve discrepancies, saving hours of manual comparison and debugging.

Core Features & Use Cases

• Automated Template Comparison: Renders both ERB and JS templates for a given page/heat and highlights differences, ensuring visual and functional parity.
• Detailed Output Files: Saves ERB HTML, JS HTML, raw data, and hydrated data to /tmp/ for in-depth analysis and debugging.
• Diff Analysis Guidance: Provides commands for quick and side-by-side diffing, along with explanations of common expected differences due to conversion limitations.
• Use Case: When making changes to a scoring view, use this skill to automatically compare the ERB and JavaScript outputs, ensuring that the offline SPA behaves identically to the server-rendered version and quickly identifying any discrepancies before deployment.

Quick Start

Use the compare-erb-js skill to compare the ERB and JavaScript template outputs for heat 1 of event 83 in the '2025-barcelona-november' database.