reimagine-it v2.4.2 — One command, 15 design tokens, 80% source-fidelity floor

reimagine-it v2.4.2 is an agent skill that transforms an existing HTML file into a visually appealing, functional webpage using only the nouns, dates, colors, links, and numbers present in the original file. No mood boards or gold layouts with swapped labels are used. The output is a real page that can be opened.

The most significant improvement in version 2.4.2 is the raised source fidelity floor to 80% across every token. Previously, 61 out of 105 token×source cells fell below this threshold, leading to phrases like "Venator Become" or "Arcade Tee" not rendering properly. Now, all 105 token×source cells meet or exceed the 80% fidelity requirement, with the worst token achieving 80% fidelity. Additionally, 100% of the seven shipped examples report 100% fidelity in their auto.json reports.

Another notable change is that links and emails now surface on every token, rendering on all generated pages through a shared Source-index footer. Previously, this feature only applied to webpage/landing tokens.

The browser extension now exposes all 15 design tokens: webpage, landing, dashboard, infographic, cinematic, artistic, photography, SVG, 3js, simulation, glass, editorial, motion, gradient, and showcase. These tokens allow for more diverse and visually appealing outputs.

To maintain consistency, a new docs-drift CI job has been introduced. It regenerates case tables and fails the build if they diverge from the ground truth.

The 15 design tokens provide flexibility in how the output webpage is built. For example:

- webpage: creates a clean, content-first page

- landing: focuses on conversion and user engagement

- dashboard: generates a KPI dashboard based on facts

- infographic: produces a visual representation of data

- cinematic and artistic tokens: create eye-catching poster-like designs

- photographic and photo-led tokens: prioritize realistic images

- SVG and 3js tokens: enable interactive and animated elements

- glass, editorial, motion, gradient, and showcase tokens: add stylistic flourishes

The 15 design tokens have undergone rigorous testing: all 57 unit tests pass, and the 15-token benchmark ensures that all tokens meet a 100/100 usability bar. Additionally, a 100-source stress test was conducted, resulting in 0 errors with an average fidelity of 99.7% and a minimum of 80%.

Seven end-user examples at 100% fidelity have been created to demonstrate the tool's capabilities.

To try reimagine-it v2.4.2, simply provide the tool with an HTML file. No installation is required. You can view a live gallery at https://kayforkind.github.io/reimagine-it/ or explore the repository at https://github.com/Kayforkind/reimagine-it. Use the following command to run reimagine-it with your HTML file: "npx reimagine-it@2.4.2 -i mypage.html -o redesigned.html".