- 形态
- MCP
- 传输协议
- stdio
- 是否开源
- 是
- GitHub Stars
- ★ 2.0k
- 收录来源
- mcp-github
能力说明
Dembrandt 是一个强大的工具，可以从任何网站快速提取设计系统元素，包括颜色、字体、边框等。通过简单的命令行操作，AI 可以获取这些设计元素并用于进一步的处理和分析。该工具支持多种输出格式，并且可以与 MCP 兼容的客户端集成，为 AI 提供设计系统的智能分析能力。适合需要对网站设计进行分析和提取的设计人员和开发者。
能力点
- ▪提取网站的颜色方案
- ▪提取网站的字体样式
- ▪提取网站的边框样式
- ▪提取网站的间距设置
- ▪生成设计令牌文件
- ▪生成品牌指南 PDF
适用场景
网站设计系统分析竞争对手设计对比WCAG 2.1 对比度分析多页面设计系统提取
接入方式
依赖：Node.js 18+
全局安装：`npm install -g dembrandt` 或使用 npx：`npx dembrandt example.com`
以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。
常见问题
如何在 MCP 客户端中使用 Dembrandt？
使用 `claude mcp add --transport stdio dembrandt -- npx -y --package dembrandt dembrandt-mcp` 命令添加。
是否支持多页面提取？
支持，使用 `--crawl` 参数指定要分析的页面数量。
是否支持暗模式提取？
支持，使用 `--dark-mode` 参数。
相关 Skill
design-extract
一键提取网站完整设计系统，支持多种平台和工具。
MCP
MeiGen-AI-Design-MCP
支持多种AI图像和视频生成模型的MCP服务器，内置1400+提示库。
MCP
davinci-resolve-mcp
通过MCP协议让AI助手控制DaVinci Resolve Studio。
MCP
short-video-maker
基于文本生成适用于TikTok、Instagram Reels和YouTube Shorts的短视频。
MCP
hyperframes
通过 HTML 和 CSS 创建视频，专为 AI 代理设计。
MCP
palmier-pro
为AI构建的macOS视频编辑器，支持生成和编辑视频。
MCP