Каталог MCP
freema
freema/mcp-design-system-extractor

freema/mcp-design-system-extractor

MCP сервер извлекает компоненты и их метаданные из Storybook дизайн-систем. Подключаясь к Storybook, получает HTML-код, стили и информацию о темах. Помогает разработчикам анализировать и интегриров...

README

Инструменты и схема сервера

Установить сервер

MCP Design System Extractor

A Model Context Protocol (MCP) server that extracts component information from Storybook design systems. Connects to Storybook instances and extracts HTML, styles, and component metadata.

Demo

Installation

Using Claude CLI (Recommended)

claude mcp add design-system npx mcp-design-system-extractor@latest \
  --env STORYBOOK_URL=http://localhost:6006

With self-signed certificate:

claude mcp add design-system npx mcp-design-system-extractor@latest \
  --env STORYBOOK_URL=https://my-storybook.example.com \
  --env NODE_TLS_REJECT_UNAUTHORIZED=0

Using npm

npm install -g mcp-design-system-extractor

Then configure in your MCP client (see Environment Variables).

From Source

git clone https://github.com/freema/mcp-design-system-extractor.git
cd mcp-design-system-extractor
npm install && npm run build
npm run setup  # Interactive setup for Claude Desktop

Key Dependencies

Puppeteer: Uses headless Chrome for dynamic JavaScript component rendering
Chrome/Chromium: Required for Puppeteer (automatically handled in Docker)
Works with built Storybook distributions

У этого сервера пока нет списка инструментов.

Github Сайт сервера

Конфиг для установки сервера

Конфиг для этого сервера пока не был обнаружен, пожалуйста, найдите его самостоятельно в README.

FAQ

Для чего этот сервер?

Этот сервер помогает AI-ассистентам напрямую работать с компонентами из Storybook. Вместо того чтобы описывать интерфейс словами, он подключается к живой дизайн-системе, вытаскивает HTML, стили, темы и зависимости компонентов. Разработчику не нужно вручную искать документацию — ассистент сам получает актуальную разметку и может использовать её в коде.

Информация о сервере

Номер в рейтинге: #229
Звезд на Github: 69
Форков на Github: 14
Язык реализации: TypeScript
Лицензия: MIT
Официальный сервер: Нет
Дата обновления данных: 13.07 в 11:52
Идентификатор: inOYn89P2URsOocK
Категории: Автоматизация браузера, Инструменты дизайна, Инструменты для разработчиков

Другие проверенные MCP-сервера

base/base-mcp

официальный

MCP-сервер для интеграции AI-агентов с сетью Base. Репозиторий устарел. Используйте новые quickstart по платежам и торговле из документации Base AI Agents. Подходит разработчикам, создающим автомат...

ionos-cloud/ionoscloud-mcp

официальный

Read-only MCP сервер IONOS Cloud для безопасного аудита облачной инфраструктуры через AI ассистентов. 118 инструментов по 7 продуктам: Compute, Kubernetes, DNS, Object Storage и другие. Работает локально, без передачи данных третьим сторонам — идеально для production.

stripe/agent-toolkit

Stripe AI - MCP сервер для интеграции платежей Stripe с AI-агентами. Безопасный доступ через OAuth, SDK для Vercel AI, OpenAI и Anthropic. Полезен разработчикам, строящим AI-продукты с встроенной биллинговой инфраструктурой.

OctagonAI/octagon-mcp-server

официальный

Octagon MCP сервер для AI-финансовых исследований: интегрируется с Market Intelligence API, извлекает инсайты из SEC-отчетов, отчетов о прибылях, данных по акциям/криптовалютам и prediction markets. Полезен инвесторам и аналитикам для глубокого анализа рынков.

QGIS MCP

QGISMCP - MCP-сервер, соединяющий QGIS с Claude AI. Позволяет AI-ассистенту управлять проектами, слоями, выполнять алгоритмы обработки и произвольный PyQGIS-код. Идеально для автоматизации ГИС без ...

growthbook/growthbook-mcp

официальный

MCP сервер для GrowthBook — управляйте A/B-тестами и фича-флагами прямо из AI-ассистента. Просматривайте эксперименты, добавляйте флаги и автоматизируйте работу с GrowthBook без переключения в веб-...