dembrandt
Extract design system elements such as colors, fonts, borders, etc., from any website.
- Type
- MCP
- Transport
- stdio
- Open source
- Yes
- GitHub Stars
- ★ 2.0k
- Source
- mcp-github
- Repository
- github.com/dembrandt/dembrandt
Overview
Dembrandt is a powerful tool that quickly extracts design system elements from any website, including colors, fonts, borders, and more. With simple command-line operations, AI can retrieve these design elements for further processing and analysis. The tool supports multiple output formats and can integrate with MCP-compatible clients, enabling intelligent analysis of design systems for AI. Ideal for designers and developers who need to analyze and extract website designs.
Capabilities
- ▪Extract website color schemes
- ▪Extract font styles
- ▪Extract border styles
- ▪Extract spacing settings
- ▪Generate design token files
- ▪Generate brand guideline PDFs
Use cases
Setup
Global install: `npm install -g dembrandt` or use npx: `npx dembrandt example.com`
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How do I use Dembrandt in an MCP client?
Use the command: `claude mcp add --transport stdio dembrandt -- npx -y --package dembrandt dembrandt-mcp`
Does it support multi-page extraction?
Yes, use the `--crawl` parameter to specify the number of pages to analyze.
Does it support dark mode extraction?
Yes, use the `--dark-mode` parameter.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.