Dembrandt
Extract design systems from any website into tokens and design documentation
Visit dembrandt.com ↗What is Dembrandt?
Dembrandt is a CLI tool that analyzes live websites and extracts their design systems—colors, typography, spacing, shadows, components, and more—into structured tokens and documentation. It outputs W3C design tokens, DESIGN.md files readable by AI builders, and brand guides as PDFs, enabling AI coding tools like Claude Code and Cursor to generate on-brand UI without manual design input.
The tool runs design system audits in CI/CD pipelines, tracks token drift over time, and includes 40+ UX skills for agents to enforce brand consistency and WCAG compliance. It supports multiple output formats including JSON, HTML drift reports, and integrates with Figma, Make, and other AI-native workflows. The maker says it was built with Claude Code.
Momentum
Daily activity over the last 30 days: upvotes, unique visits, new GitHub stars and Hacker News points.
How do we know it's vibe coded?
vibetrend discovered Dembrandt automatically. Evidence: GitHub dembrandt/dembrandt; repo has CLAUDE.md. View source.
Similar vibe-coded apps
#10 this weekAI-powered design intelligence toolkit for building professional interfaces
Open-source parametric 3D CAD in Rust, runs desktop, browser, CLI, and MCP
Sketch Material 3 screens in the browser, generate AI coding prompts
Open-source design editor that opens Figma files with built-in AI
122 agent skills for AI coding tools to generate images, video, audio, and 3D
Open-source local-first workspace for AI image and video creation with MCP agent
Open-source design canvas for teams and AI agents