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 mcp add --transport stdio designscan -- npx -y @designscan/extractor
[mcp_servers.designscan]
command = "npx"
args = ["-y", "@designscan/extractor"]
{
"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.
-
Automated design token builder producing clean CSS and Sass assets.
-
Curated design references for AI — real CSS values, typography specs, and color palettes.
-
uiscanner io.github.mishaovcharenko/uiscanner
Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Turn AI-designed colour palettes into Coolours links, with colour names, CSS and contrast checks
-
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…
-
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
design-system app.zaklad/design-system
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Похожие плагины по витринам
Тот же вопрос к каждой витрине по отдельности: есть ли там аналог этого плагина?
Есть на витрине Claude Code: claude-plugins-community (5)
-
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…
-
29 specialized design agents as Claude Code commands. Bring expert design knowledge into every coding session - accessibility, motion design, design systems, color theory…
-
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…
-
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…
-
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…
Есть на витрине Claude Code: claude-plugins-official (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
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…
-
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…
-
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
-
Creates interactive HTML playgrounds — self-contained single-file explorers with visual controls, live preview, and prompt output with copy button. Includes templates for design…
Есть на витрине Claude: knowledge-work-plugins (5)
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Accelerate design workflows — critique, design system management, UX writing, accessibility audits, research synthesis, and dev handoff. From exploration to pixel-perfect specs.
-
Keep your coding agent up to date with the latest web best practices
-
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…
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
Есть на витрине Codex: openai-curated (openai/plugins) (5)
-
Use MagicPath to find, inspect, install, create, and edit UI components from Codex.
-
Figma workflows for design implementation, Code Connect templates, and design system rule generation.
-
Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.
-
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…
-
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…
Есть на витрине Community GitHub marketplaces (5)
-
Create, edit, review, resize, and brand-check Canva designs with the Canva MCP server.
-
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…
-
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…
-
Redesign an existing website to make it better. Higher-level guided flow on top of impeccable.
-
Official Carbone skill — complete templating language reference covering tags, loops, conditions, formatters, aggregators, and all output formats (DOCX, XLSX, PPTX, ODT, HTML…
Есть на витрине Copilot CLI: github/awesome-copilot (5)
-
Equips AI coding agents with knowledge and tooling for working with UI theme designer, the SAP Design System, and SAP Fiori design tokens.
-
Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and…
-
Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.
-
Keep your coding agent up to date with the latest web best practices
-
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…
Есть на витрине Copilot CLI: github/copilot-plugins (5)
-
Toolkit for building Microsoft 365 Copilot declarative agents — scaffolding, JSON manifest development, and capability configuration.
-
Build Power Apps Canvas Apps using the Canvas Authoring MCP server.
-
mcp-apps
Generate MCP App widgets for MCP tools. Produces self-contained HTML widgets using the MCP Apps protocol.
-
code-apps-preview
Build and deploy Power Apps code apps using React, Vite, and Power Platform connectors.
-
Advanced Security plugin for GitHub Copilot.
Есть на витрине Cursor: cursor/plugins (5)
-
Render PR diffs as review canvases grouped by importance.
-
Render documentation as a navigable canvas.
-
Generate presentations, documents, and webpages.
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Build apps, scripts, and automations with the TypeScript SDK.
Есть на витрине Docker MCP Catalog (5)
-
Access the latest Astro web framework documentation, guides, and API references.
-
Generate images, video, and audio with Glif's media-generation agent
-
next-devtools-mcp is a Model Context Protocol (MCP) server that provides Next.js development tools and utilities for AI coding assistants.
-
playwright-mcp io.github.microsoft/playwright-mcp
Playwright Tools for MCP
-
Model Context Protocol (MCP) server for the Webflow Data API.
Есть на витрине Official MCP Registry (5)
-
miromiro app.miromiro/miromiro
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
-
Automated design token builder producing clean CSS and Sass assets.
-
Curated design references for AI — real CSS values, typography specs, and color palettes.
-
uiscanner io.github.mishaovcharenko/uiscanner
Design tokens + a build prompt from any URL, right inside Claude Code, Cursor, and Codex.
-
Turn AI-designed colour palettes into Coolours links, with colour names, CSS and contrast checks
Найдено по смыслу, а не по общему коду или репозиторию: похожие плагины остаются разными продуктами, и это не обзор и не рекомендация.
Это ваш плагин?
Добавьте плагин в свои проекты и докажите, что поддерживаете его: файлом в репозитории, файлом на вашем домене или DNS-записью. Вы будете получать уведомления, когда витрина добавит плагин, снимет его, изменит отметку verified или список того, что он просит, а его удалённый endpoint встанет на мониторинг как веб-сервис.
Данные витрины Official MCP Registry. Числа взяты из наших регулярных обходов витрин, последняя проверка . Контакты издателей плагинов мы не публикуем.