isolet-widget-isolation — скилл для Claude Code: изоляция виджетов

Что делает isolet-widget-isolation

Скилл опирается на библиотеку isolet-js. Она собирает компонент на React, Solid, Svelte или чистом JS в один виджет, который рендерится внутри shadow DOM, поэтому стили страницы и виджета не пересекаются. На выходе — IIFE для тега script, ESM или CommonJS.

Внутри — API createIsolet с методами mount, update и unmount, адаптеры под фреймворки и CLI с командами init и build. Конфиг isolet.config.ts задаёт точку входа, форматы сборки, инлайн CSS и ассетов. Есть режимы изоляции: shadow-dom, scoped и none.

Что нужно заранее: установленный isolet-js через npm и настроенный конфиг. Если собираете через Vite напрямую, а не через CLI, придётся вручную подключить плагины cssTextPlugin, inlineAssetsPlugin и autoStylesPlugin — без них CSS и ассеты не попадут в бандл. Это повод проверить сборку до того, как встраивать виджет на боевую страницу.