What problem does it solve? JS-heavy external pages with custom elements, canvas demos, and inline scripts lose their core teaching value when converted to plain Markdown or screenshots, and this Skill preserves the full interactive experience as a self-hosted local mirror with bilingual article searchability. ## Core Features & Use Cases - Interactive Page Mirroring: Captures JS-heavy pages via Playwright and stores all assets in LanceDB tables (interactive_pages, interactive_assets, interactive_page_locales) with no runtime dependence on the origin host. - Dual-Track Publishing: Publishes a bilingual article (Chinese translation plus normalized English source) alongside the interactive mirror, with localized locale variants added via sf-cli interactive add-locale. - Verification Workflow: Enforces post-publish checks of DB rows, local routes, language switching, and real interaction across multiple frames. - Use Case: Mirror an interactive explainer like samwho.dev/bloom-filters into StaticFlow so readers can search the bilingual article and open a fully localized, working interactive demo at /interactive-pages/ipg-bloom-filters?lang=zh. ## Quick Start Mirror the interactive page at the given URL into StaticFlow as article 'bloom-filters' with Chinese and English locales, then verify the local mirror route renders and the interactions still work.
