export-html

To export a React page as standalone HTML, this Skill consolidates the target route into a single file with inlined CSS and JavaScript. It renders the specific page and outputs a self-contained dist/{route}/index.html file ready for static hosting.

Inlining CSS and JS into a single HTML file eliminates external dependencies, producing a portable export that works without a build environment. This ensures the React page renders correctly when hosted on static platforms.

Yes, vite-plugin-singlefile is required as part of the build toolchain. The Skill uses this plugin alongside a minimal entry point to consolidate the Vite project routes into fully self-contained HTML files.

Yes, you can export specific routes individually. Provide a page route such as 'about' or 'products', and the Skill renders that targeted page from src/pages/{route}/index.tsx to generate the corresponding dist/{route}/index.html.

The best way to convert dynamic React pages into portable HTML is automating the consolidation process. This Skill handles verification, temporary config creation, targeted page rendering, and final export to eliminate manual conversion effort.

This approach applies to static hosting scenarios where a single-page export is needed. Since it targets specific routes and inlines all assets, it is designed for individual page distribution rather than complex multi-route application archiving.