Storybook MCP
storybook-mcp
Сервер MCP документации и компонентов Storybook для агента. Запуск через npx, Chromium ставится при первом запуске в фоне
- 46 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скачивает Chromium при первом запуске
- Нужен Storybook в проекте
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/storybook-mcpОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скачивает Chromium при первом запуске
- Нужен Storybook в проекте
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Storybook MCP — сервер MCP, который отдает агенту документацию и компоненты Storybook. Запуск как сервер MCP: команда `npx`, аргументы `-y storybook-mcp@latest`. При первом запуске сервер сразу стартует и в фоне ставит Chromium, заранее установить браузер можно командой `npx -y storybook-mcp@latest install-browser`. Версия 0.5.1 от 30.03.2026, лицензия MIT.
Для кого. Для разработчиков, которым нужно, чтобы агент читал документацию и компоненты Storybook и использовал их при сборке интерфейсов.
Подходит, если
- Агент должен использовать готовые компоненты из Storybook
- Нужна документация компонентов в контексте агента
- Нужен сервер MCP для дизайн-системы
Не подходит, если
- Нельзя скачивать Chromium при первом запуске
- В проекте нет Storybook
Пример запроса к агенту
Найди в Storybook компонент таблицы с сортировкой и покажи его варианты и свойстваMCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
При первом запуске в фоне скачивается Chromium, это отдельная загрузка. Сервер читает ваш Storybook, доступ минимальный.
Как отключить. Удалите скилл из каталога агента или плагин через менеджер плагинов.
Частые вопросы
Что отдает сервер?
Документацию и компоненты Storybook для агента.
Как запустить?
Команда npx с аргументами -y storybook-mcp@latest.
Что ставится при первом запуске?
В фоне скачивается Chromium.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыDesign System Extractor MCP
mcp-design-system-extractor
Сервер MCP достает из Storybook сведения о компонентах и дизайн-токены, анализирует CSS. Подключение одной командой claude mcp add
Story UI
story-ui
Генерация историй Storybook с ИИ для любого фреймворка и дизайн-системы, есть сервер MCP. Нужен ключ Anthropic, OpenAI или Gemini, код уходит поставщику
MCP-сервер и расширение Chrome: выбираете элемент DOM в браузере по Option+клику, агент видит его текст, стили и селектор
Inspo
inspo
Сервер MCP со справочником реальных рабочих сайтов, по которым агент изучает дизайн до написания интерфейса. Брать приемы, не копировать страницы
Подключает агента к запущенному dev-серверу Next.js 16+: ошибки, маршруты, логи и путь к документации нужной версии
MCP-сервер и плагин 21st.dev: поиск готовых React/Tailwind компонентов, логотипов и генерация интерфейса прямо из агента
Сравнение с похожими
Записи с тем же главным запросом: чем они отличаются.
| Запись | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Storybook MCP (эта запись) | нет | не нужна | 46 | |
| Story UI | нет | 234 | генерация историй Storybook с ИИ, нужен ключ поставщика | |
| Design System Extractor MCP | нет | не нужна | 70 | компоненты и токены из Storybook, только чтение |
Коротко о README
README описывает сервер MCP Storybook с запуском через npx и установкой Chromium. Лицензия MIT.