Compare ERB templates with JavaScript-converted outputs to identify HTML parity gaps.
npx skills add https://github.com/rubys/showcase --skill compare-erb-js
Please help me install this Agent Skill. Skill: compare-erb-js Source: https://github.com/rubys/showcase/tree/main/.claude/skills/compare-erb-js Command: npx skills add https://github.com/rubys/showcase --skill compare-erb-js
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.
/tmp/ for in-depth analysis and debugging.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.
High-intent search queries and answers about installing and using this skill.
Template parity comparison identifies differences between ERB-rendered and JS-converted HTML. This Skill automates the comparison by rendering both versions, performing diffs, and highlighting discrepancies to ensure server-rendered and client-rendered views match exactly.
Compare templates during ERB-to-JS conversion workflows, when debugging template parity issues, and before deploying offline-scoring SPAs. It's essential after making changes to scoring views to confirm the JavaScript version behaves identically to the server-rendered version.
The Skill outputs ERB HTML, JavaScript HTML, raw data, and hydrated data files to /tmp/ for in-depth analysis. It also provides diff commands and explanations of expected differences from conversion limitations.
Yes. This Skill is designed for Rails offline-scoring SPAs. It loads Rails routes, renders ERB templates, fetches converted JS templates, hydrates data with heat_hydrator.js, and compares outputs to validate rendering parity across server and client.
Some differences between ERB and JavaScript outputs are expected due to conversion limitations. The Skill identifies actual discrepancies requiring fixes versus acceptable differences and documents both in analysis output.
richardnpaulApply hydration-safe SSR patterns for Nuxt 4 apps using useFetch and useAsyncData.
Snowflake-LabsA concise summary of your roleplay character: name,</name> personality, and/or behavior, formatted as a single string sentence. Typically不超过50字，此处省略
quanngynxImplement islands architecture to render static HTML and hydrate interactive widgets independently.
VIethoangnguyenleAutomate web page interaction, testing, and visual validation with a persistent headless Chromium browser.