- 形态
- 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
video-shotcraft
AI 视频技能，用于制作电影级产品宣传视频。
Agent SkillAI 视频动态设计
manim_skill
为 Manim 提供创建 3Blue1Brown 风格动画的 Agent 技能。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表，支持多种预设和导出格式。
Agent Skill
ui-ux-pro-max-skill-cn
为 AI 编码助手提供专业级 UI/UX 设计智能。
Agent Skill
logo-generator-skill
专业SVG标志生成器，提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图，提升应用下载率。
Agent Skill