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

DesignScan

Extract a website’s design tokens (colors, type, spacing, shadows) as DESIGN.md, W3C, or CSS.

MCP-сервер · от ms-zaman

Коротко

DesignScan: MCP-сервер, издатель ms-zaman. Витрин, которые мы читаем и где он опубликован: 1 (Official MCP Registry). Мы впервые увидели его 2026-10-11 и с тех пор изменений не фиксировали. Данные нашего прохода по витринам на 2026-10-12.

Что просит

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

Ни одна из витрин, которые мы читаем, не публикует его инструменты или настройки, которые он просит.

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

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

Пакет

npm @designscan/extractor (@designscan/extractor на npm)

  • Загрузки npm за неделю: 32 (2026-10-12)
  • Загрузки npm за месяц: 199 (2026-10-12)
  • Последняя версия на npm: 0.4.0, опубликована 2026-06-13

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

Работает с

  • Claude Code
  • Codex
  • Cursor
  • VS Code
  • Copilot CLI

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

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

Подключить

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

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

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

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

Аргументы запуска мы не храним. Если серверу они нужны, их называет его собственная документация.

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

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

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

Что менялось

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

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

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

  • miromiro app.miromiro/miromiro

    Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.

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

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

  • StyleForge-AI

    Automated design token builder producing clean CSS and Sass assets.

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

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

  • AllGoodInsp

    Curated design references for AI — real CSS values, typography specs, and color palettes.

    от allgoodinsp.com · 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • Coolours

    Turn AI-designed colour palettes into Coolours links, with colour names, CSS and contrast checks

    от perpetualsummer.ltd · MCP-сервер

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

  • 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 · Решает почти ту же задачу

  • Tailwind Shades

    Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults

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

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

  • design-with-claude

    29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…

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

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

  • 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 · Решает почти ту же задачу

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

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

Есть на витрине Claude Code: claude-plugins-community (5)
  • 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 · Решает почти ту же задачу

  • design-with-claude

    29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…

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

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

  • seedflip

    100+ curated design seeds for AI-assisted development. Each seed is a complete design system with fonts, colors, chart tokens, shadows, and spacing. Claude queries the catalog by…

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

    Опубликован: 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 · Решает почти ту же задачу

  • the-design-library

    A full design suite for Claude Code: 58 brand design systems (Stripe, Linear, Vercel, Google, Anthropic and more) + 5 curated skills for UI/UX generation, accessibility auditing…

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

    Опубликован: 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 · Решает почти ту же задачу

  • ui-theme-designer

    Plugin for coding agents working with UI theme designer. Bundles two skills: how-to and conceptual answers about UI theme designer on BTP, and questions about the SAP Design…

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

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

  • Superdesign

    Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, and generates branchable design…

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

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

  • frontend-design

    Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

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

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

  • playground

    Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…

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

    Опубликован: 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • 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 · Решает похожую задачу

  • 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 · Решает похожую задачу

  • canva

    Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

    от canva-sdks · Пакет плагинов

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

Есть на витрине 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) · Решает почти ту же задачу

  • Figma

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

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

    Опубликован: 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) · Решает почти ту же задачу

  • Product Design

    The Product Design plugin is built for turning early ideas into prototypes teams can review. It starts design and build work by confirming the brief, then helps teams explore…

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

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

  • Canva

    Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for…

    от Canva Pty Ltd. · Пакет плагинов

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

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

    Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.

    от canva-sdks · Пакет плагинов

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

  • web

    Browser automation and web page analysis skills using playwright-cli: connect via CDP, probe bot protection, dismiss overlays, capture DOM trees, reduce pages to skeletons…

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

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

  • browser-use

    Give Claude a real browser — your Chrome or a Browser Use Cloud browser. Use it whenever a task involves a website or web app: browsing, scraping and data extraction, filling…

    от browser-use · Пакет плагинов

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

  • stardust

    Redesign an existing website to make it better. Higher-level guided flow on top of impeccable.

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

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

  • carbone-skill

    Official Carbone skill — complete templating language reference covering tags, loops, conditions, formatters, aggregators, and all output formats (DOCX, XLSX, PPTX, ODT, HTML…

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

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

Есть на витрине Copilot CLI: github/awesome-copilot (5)
  • 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • frontend-web-dev

    Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.

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

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

  • 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 · Решает похожую задачу

  • ui5

    SAPUI5 / OpenUI5 plugin for GitHub CoPilot. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5…

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

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

Есть на витрине Copilot CLI: github/copilot-plugins (5)
  • 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 · Решает почти ту же задачу

  • canvas-apps

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

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

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

  • 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 · Решает почти ту же задачу

  • code-apps-preview

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

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

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

  • advanced-security

    Advanced Security plugin for GitHub Copilot.

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

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

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

    Render PR diffs as review canvases grouped by importance.

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

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

  • Docs Canvas

    Render documentation as a navigable canvas.

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

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

  • Gamma

    Generate presentations, documents, and webpages.

    от 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 · Решает почти ту же задачу

  • Cursor SDK

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

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

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

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

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

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

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

  • Glif

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

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

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

  • 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 · Решает почти ту же задачу

  • 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 · Решает почти ту же задачу

  • Webflow

    Model Context Protocol (MCP) server for the Webflow Data API.

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

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

Есть на витрине Official MCP Registry (5)
  • miromiro app.miromiro/miromiro

    Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.

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

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

  • StyleForge-AI

    Automated design token builder producing clean CSS and Sass assets.

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

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

  • AllGoodInsp

    Curated design references for AI — real CSS values, typography specs, and color palettes.

    от allgoodinsp.com · 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 · Решает почти ту же задачу

  • Coolours

    Turn AI-designed colour palettes into Coolours links, with colour names, CSS and contrast checks

    от perpetualsummer.ltd · MCP-сервер

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

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

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

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

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

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