Isolet Widget Isolation

When you need to drop a React, Svelte, or vanilla JS component onto any page without style collisions or dependency conflicts, this is your tool. It wraps components in shadow DOM with scoped CSS, builds them into script tag widgets or ESM bundles, and handles the tedious parts like data URI inlining for fonts and images. The CLI setup is straightforward and you get proper TypeScript types. Most useful for embeddable widgets, third-party integrations, or internal tools that need to coexist with unknown host page styles. The reactive props API means you can update without remounting, which beats the typical mount-unmount cycle most widget libraries force on you.

Install to Claude Code

npx -y skills add aradotso/trending-skills --skill isolet-widget-isolation --agent claude-code