Ext Ops Panel
Открыть панель

io.github.freema/mcp-design-system-extractor

MCP server for Storybook design systems — extract component HTML, styles and metadata.

MCP-сервер · от freema

Подключить Сравнить Это мой

Коротко

io.github.freema/mcp-design-system-extractor: MCP-сервер, издатель freema. Витрин, которые мы читаем и где он опубликован: 1 (Official MCP Registry). Мы впервые увидели его 2026-10-11 и с тех пор изменений не фиксировали. Данные нашего прохода по витринам на 2026-10-13.

Что просит

  • Работает на вашем компьютере
  • Настроек: 3

Что объявляет, просит и запускает, полностью

Устанавливайте плагины только от разработчиков, которым доверяете. Мы показываем то, что публикуют витрины, и не проверяем плагины.

Пакет

npm mcp-design-system-extractor (mcp-design-system-extractor на npm)

  • Загрузки npm за неделю: 200 (2026-10-13)
  • Загрузки npm за месяц: 862 (2026-10-13)
  • Последняя версия на npm: 1.2.0, опубликована 2026-07-27

В OSV нет известных уязвимостей для 1.2.0 (проверено 2026-10-13)

Данные npm взяты из публичного реестра npm (registry.npmjs.org, api.npmjs.org). Каждое число принадлежит своему реестру и никогда не складывается с другим. Реестр, который не публикует число, ничего не показывает: нет числа не значит ноль. Записи об уязвимостях взяты из OSV.dev (CC BY 4.0) и относятся только к объявленной версии; листинг без объявленной версии ответа не получает. Код мы не сканируем.

Работает с

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Copilot CLI
Установить в CursorУстановить в VS Code

Ссылка в один клик открывает клиент, и он просит подтвердить, прежде чем добавить сервер.

По маркетплейсам, где он опубликован, и объявленному транспорту MCP, как их документирует каждый клиент. Плагины мы не тестируем.

Подключить

Команды и конфигурации собраны только из того, что объявляют витрины. Мы не запускаем их за вас и не проверяем плагины.

Как локальный MCP-сервер: пакет npm

Собрано из того, что объявляет Official MCP Registry.

Claude CodeТерминал
claude mcp add --transport stdio mcp-design-system-extractor -- npx -y mcp-design-system-extractor
Codex~/.codex/config.toml
[mcp_servers.mcp-design-system-extractor]
command = "npx"
args = ["-y", "mcp-design-system-extractor"]
Cursor~/.cursor/mcp.json
{
  "mcpServers": {
    "mcp-design-system-extractor": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-design-system-extractor"
      ]
    }
  }
}

Необязательные настройки, которые он тоже перечисляет: DEBUG, NODE_TLS_REJECT_UNAUTHORIZED, STORYBOOK_URL.

Где опубликован

ВитринаСтатусВерсияЧислаПроверенВпервые замечен
Official MCP Registry (Открыть запись реестра) Опубликован 1.2.0 Загрузки за месяц (npm): 862
Загрузки за неделю (npm): 200
Форки (GitHub): 14
Звёзды (GitHub): 70		 Не помечен

Каждое число принадлежит своей витрине и никогда не складывается с числами других витрин. Если витрина число не публикует, мы его не показываем: нет числа не значит ноль.

Что менялось

С тех пор как мы следим за плагином, ничего не менялось.

Похожие плагины

Продукты, чьи собственные названия, описания, инструменты и скиллы ближе всего по смыслу к этому, на всех витринах, которые мы читаем. Близость упорядочена только внутри этого списка.

  • zeroheight com.zeroheight/zeroheight

    Connect AI assistants to zeroheight styleguides using the Model Context Protocol

    от zeroheight.com · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • lanhu-design-mcp io.github.blantian/lanhu-design-mcp

    Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units

    от blantian · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • uiscanner io.github.mishaovcharenko/uiscanner

    Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.

    от mishaovcharenko · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • Design System MCP

    Ground truth about your React design system for coding agents, plus a UI linter they can run.

    от dgesteves · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • plumb-mcp io.github.tathagat22/plumb-mcp

    Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

    от tathagat22 · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • marmo-ui io.github.mahmoudilyan/marmo-ui

    Live React design-system APIs, patterns, and code validation so AI agents build real UI, not slop.

    от mahmoudilyan · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • design-system app.zaklad/design-system

    Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.

    от zaklad.app · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • basalt io.github.basalt-run/basalt

    Design tokens, components, icons, and a11y data via MCP. For Cursor, Claude, and Windsurf.

    от basalt-run · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • UI Design to Code

    Design-to-code artifact pipeline for UI screenshots, Figma node data, and visual review.

    от Kinglions · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • uxspot-mcp io.github.dockster/uxspot-mcp

    uxspot.io UX reference: glossary, AI x UX tools directory, checklists and Learn UX curriculum

    от dockster · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

Похожие плагины по витринам

Тот же вопрос к каждой витрине по отдельности: есть ли там аналог этого плагина?

Есть на витрине Claude Code: claude-plugins-community (5)

  • ui-kit

    147 zero-dependency React components with Aurora Fluid design. 5 skills for component discovery, code generation, design system reference, tier selection, and accessibility…

    от annondeveloper · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • magicpath

    Search, preview, inspect, and install MagicPath UI components from Claude Code via the magicpath-ai CLI. Supports MagicPath design system themes.

    от MagicPathAI · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • stitch-to-nextjs

    Convert Google Stitch designs into pixel-perfect Next.js + Tailwind CSS components. Extracts exact HTML/CSS, downloads images, maps all 29 Stitch fonts to next/font/google…

    от yshaish1 · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • designs-drift

    design-drift prevents AI agents from drifting away from your design system in real time. Lock any of existing brands design systems and every Write/Edit to a UI file is…

    от ihlamury · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

  • doom-design-system

    AI skills, agents, hooks, and commands for the Doom Design System, a neubrutalist React component library. Gives AI agents deep knowledge of every component's API, A2UI protocol…

    от ornelasEduardo · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-community · Решает почти ту же задачу

Есть на витрине Claude Code: claude-plugins-official (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • mcp-apps

    Skills for creating MCP Apps with the MCP Apps SDK

    от modelcontextprotocol · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude Code: claude-plugins-community · Решает почти ту же задачу

  • sanity

    Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…

    от sanity-io · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community · Решает почти ту же задачу

  • mcp-server io.github.cap-js/mcp-server

    Model Context Protocol (MCP) server for AI-assisted development of CAP applications.

    от cap-js · MCP-сервер

    Опубликован: Official MCP Registry, Claude Code: claude-plugins-official, Claude Code: claude-plugins-community · Решает почти ту же задачу

  • Setup MCP Agent Analytics

    Detect an MCP server's language (Python, TypeScript or Go) and instrument it with the matching Pendo SDK so MCP tool calls flow into Pendo Agent Analytics.

    от pendo-io · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official · Решает почти ту же задачу

Есть на витрине Claude: knowledge-work-plugins (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • sanity

    Sanity content platform integration with MCP server, agent skills, and slash commands. Query and author content, build and optimize GROQ queries, design schemas, and set up Visual…

    от sanity-io · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Claude Code: claude-plugins-community · Решает почти ту же задачу

  • mintlify

    Build beautiful documentation sites with Mintlify. Convert non-markdown files into properly formatted MDX pages, add and modify content with correct component use, and automate…

    от mintlify · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins · Решает почти ту же задачу

  • modern-web-guidance

    Keep your coding agent up to date with the latest web best practices

    от GoogleChrome · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot, Community GitHub marketplaces · Решает почти ту же задачу

  • Design

    Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.

    от Anthropic · Пакет плагинов

    Опубликован: Claude: knowledge-work-plugins · Решает почти ту же задачу

Есть на витрине Codex: openai-curated (openai/plugins) (5)

  • MagicPath

    Use MagicPath to find, inspect, install, create, and edit UI components from Codex.

    от MagicPathAI · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Build Web Apps

    Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.

    от OpenAI · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Figma

    Figma workflows for design implementation, Code Connect templates, and design system rule generation.

    от Figma · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Qodo

    Qodo setup, code intelligence, and review workflows.

    от qodo-ai · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает почти ту же задачу

  • Build iOS Apps

    Build iOS apps with workflows for App Intents, SwiftUI UI work, Simulator mirroring in the Codex in-app browser, performance profiling, leak investigation, and simulator debugging.

    от OpenAI · Пакет плагинов

    Опубликован: Codex: openai-curated (openai/plugins) · Решает похожую задачу

Есть на витрине Community GitHub marketplaces (5)

  • mcptoon

    MCP tool-catalog compression for Claude Code. Compresses the tool discovery payload from 71,929 to 581 tokens (-99.2%). Auto-installs the zero-dependency mcptoon CLI…

    от activeing123 · Пакет плагинов

    Опубликован: Community GitHub marketplaces · Решает почти ту же задачу

  • FastMCP server for Substack — publish Notes and posts, pull analytics, manage dr

    FastMCP server for Substack — publish Notes and posts, pull analytics, manage drafts, pluggable…

    от adelaidasofia · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • AINDF

    Build screens only from your design system: your agent looks up what it offers and validates every screen against it, through a local read-only MCP server.

    от Oleg.Design · Пакет плагинов

    Опубликован: Community GitHub marketplaces · Решает почти ту же задачу

  • touchdesigner-mcp-server io.github.8beeeaaat/touchdesigner-mcp-server

    MCP server for TouchDesigner - Control and operate TouchDesigner projects through AI agents

    от 8beeeaaat · MCP-сервер

    Опубликован: Official MCP Registry, Community GitHub marketplaces · Решает почти ту же задачу

  • Self-hosted GitHub MCP server

    Self-hosted GitHub MCP server. PAT auth, stdio transport, transport-agnostic so it works with…

    от adelaidasofia · MCP-сервер

    Опубликован: Official MCP Registry, Claude Code: claude-plugins-community, Community GitHub marketplaces · Решает почти ту же задачу

Есть на витрине Copilot CLI: github/awesome-copilot (5)

  • figma

    Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…

    от figma · Пакет плагинов

    Опубликован: Claude Code: claude-plugins-official, Official MCP Registry, Claude: knowledge-work-plugins, Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • typescript-mcp-development

    Complete toolkit for building Model Context Protocol (MCP) servers in TypeScript/Node.js using the official SDK. Includes instructions for best practices, a prompt for generating…

    от Awesome Copilot Community · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • go-mcp-development

    Complete toolkit for building Model Context Protocol (MCP) servers in Go using the official github.com/modelcontextprotocol/go-sdk. Includes instructions for best practices, a…

    от Awesome Copilot Community · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • ui-theme-designer

    Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.

    от SAP · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

  • kotlin-mcp-development

    Complete toolkit for building Model Context Protocol (MCP) servers in Kotlin using the official io.modelcontextprotocol:kotlin-sdk library. Includes instructions for best…

    от Awesome Copilot Community · Пакет плагинов

    Опубликован: Copilot CLI: github/awesome-copilot · Решает почти ту же задачу

Есть на витрине Copilot CLI: github/copilot-plugins (5)

  • mcp-apps

    Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • canvas-apps

    Build Power Apps Canvas Apps using the Canvas Authoring MCP server.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • code-apps-preview

    Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает почти ту же задачу

  • microsoft-365-agents-toolkit

    Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает похожую задачу

  • mobile-app

    Build and deploy Power Apps code apps for mobile using Expo (React Native), with native device functionality and Power Platform connectors

    от microsoft · Пакет плагинов

    Опубликован: Copilot CLI: github/copilot-plugins · Решает похожую задачу

Есть на витрине Cursor: cursor/plugins (5)

  • Docs Canvas

    Render documentation as a navigable canvas.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • Cursor SDK

    Build apps, scripts, and automations with the TypeScript SDK.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • playwright-mcp io.github.microsoft/playwright-mcp

    Playwright Tools for MCP

    от microsoft · MCP-сервер

    Опубликован: Official MCP Registry, Claude Code: claude-plugins-official, Cursor: cursor/plugins, Docker MCP Catalog · Решает почти ту же задачу

  • PR Review Canvas

    Render PR diffs as review canvases grouped by importance.

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

  • Origin Apps

    Skills for building on the Cursor Origin API. Fetch the live spec first, then follow the Origin rules for credentials, scopes, webhooks, paging, and errors. Includes a skill that…

    от Cursor · Пакет плагинов

    Опубликован: Cursor: cursor/plugins · Решает почти ту же задачу

Есть на витрине Docker MCP Catalog (5)

  • Next.js DevTools

    next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.

    от kgprs · MCP-сервер

    Опубликован: Docker MCP Catalog · Решает почти ту же задачу

  • SmartBear MCP

    MCP server for AI access to SmartBear tools, including BugSnag, Reflect, Swagger, PactFlow, QTM4J.

    от smartbear.com · MCP-сервер

    Опубликован: Official MCP Registry, Docker MCP Catalog · Решает почти ту же задачу

  • Glif

    Generate images, video, and audio with Glif's media-generation agent

    от glif.app · MCP-сервер

    Опубликован: Official MCP Registry, Docker MCP Catalog, Community GitHub marketplaces · Решает почти ту же задачу

  • Context7

    Pull up-to-date, version-specific documentation and code examples for any library or framework straight into your prompt.

    от docker · MCP-сервер

    Опубликован: Docker MCP Catalog · Решает почти ту же задачу

  • Astro Docs

    Access the latest Astro web framework documentation, guides, and API references.

    от docker · MCP-сервер

    Опубликован: Docker MCP Catalog · Решает почти ту же задачу

Есть на витрине Official MCP Registry (5)

  • zeroheight com.zeroheight/zeroheight

    Connect AI assistants to zeroheight styleguides using the Model Context Protocol

    от zeroheight.com · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • lanhu-design-mcp io.github.blantian/lanhu-design-mcp

    Read Lanhu design specs and export fine-grained UI assets with platform-adjusted units

    от blantian · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • uiscanner io.github.mishaovcharenko/uiscanner

    Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.

    от mishaovcharenko · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • Design System MCP

    Ground truth about your React design system for coding agents, plus a UI linter they can run.

    от dgesteves · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

  • plumb-mcp io.github.tathagat22/plumb-mcp

    Two-way Figma MCP: extract + verify design-to-code, or generate on-brand Figma pages from a prompt.

    от tathagat22 · MCP-сервер

    Опубликован: Official MCP Registry · Решает почти ту же задачу

Найдено по смыслу, а не по общему коду или репозиторию: похожие плагины остаются разными продуктами, и это не обзор и не рекомендация.

Это ваш плагин?

Добавьте плагин в свои проекты и докажите, что поддерживаете его: файлом в репозитории, файлом на вашем домене или DNS-записью. Вы будете получать уведомления, когда витрина добавит плагин, снимет его, изменит отметку verified или список того, что он просит, а его удалённый endpoint встанет на мониторинг как веб-сервис.

Добавить в свои проекты Что умеет панель

Данные витрины Official MCP Registry. Числа взяты из наших регулярных обходов витрин, последняя проверка . Контакты издателей плагинов мы не публикуем.

Откуда данные: как устроен каталог