What problem does it solve? React single-page applications serve a near-empty index.html to search engine crawlers and social media link previews, so Googlebot, Twitter, Discord, and Slack see no page content or meta tags. This Skill adds Puppeteer-based static prerendering so every route produces a real HTML snapshot with full content and correct meta tags. ## Core Features & Use Cases - Headless Route Prerendering: Visits each route in a local static server with Puppeteer, waits for React to mount via an app-ready event, and writes the rendered HTML to disk per route. - Hydration Setup: Converts src/main.tsx to hydrateRoot so React attaches to prerendered DOM, preserving LCP from the initial HTML paint. - Third-Party Script Stripping: Removes GA, Clarity, and Reddit pixel scripts from snapshots so they do not double-load for real visitors, with support for multilingual locale routes. - Use Case: After adding a /pricing page to a Vite React marketing site, add the route to the ROUTES array, run the build:prod script, and verify the prerendered build/pricing/index.html contains the page headline and meta tags. ## Quick Start Ask the AI to add Puppeteer prerendering to my Vite React site so every route outputs a static HTML snapshot for SEO.
