Storybook — визуальное тестирование дизайн-системы

★ 7.5 · design

storybook — это скилл для Claude Code, который синхронизирует дизайн-систему на базе Storybook с агентом claude.ai/design, компилируя истории в превью и верифицируя их визуальное соответствие эталону через Playwright и Chromium. Скилл собирает скомпилированный `dist/` пакета в бандл `_ds_bundle.js` — тот же артефакт, с которым работает агент дизайна — и компилирует каждый story-модуль целиком: хуки, фикстуры, локальные хелперы, с резолвингом импортов компонентов через `lib/story-imports.mjs`. Эталоном служит собственный рендер репозитория: compare-харнесс делает скриншоты каждой истории в референсном Storybook и в превью-рендере, после чего агент итерирует до совпадения. Ни один story-код не исполняется во время сборки — только в браузере, против реального артефакта. Подходит командам, внедряющим design-system sync, visual regression testing и component-driven разработку на React 18+.