Show HN: Dembrandt – Extract any website's design system in seconds (OSS CLI)
Original Article Summary
npx dembrandt stripe.com Few seconds → complete design system.No install. Works on any site. Extracts colors (confidence-scored), typography, spacing, components, breakpoints, frameworks. JSON + nice tables.For agencies: competitor audits in seconds. For bui…
Read full article at Github.com✨Our Analysis
Dembrandt's release of an open-source command-line interface (CLI) tool that can extract any website's design system in seconds, including colors, typography, spacing, components, breakpoints, and frameworks, marks a significant shift in the field of web development and design. This means that website owners can now easily analyze and understand the design elements of their competitors' websites, allowing them to make informed decisions about their own website's design and user experience. With Dembrandt, website owners can also quickly identify areas for improvement and optimize their website's design system to better align with industry standards. To take advantage of Dembrandt, website owners can follow these actionable tips: first, use Dembrandt to extract and analyze their own website's design system, identifying areas for improvement and optimizing their design elements accordingly. Second, utilize Dembrandt to conduct competitor audits, extracting insights from their competitors' design systems to inform their own design decisions. Third, integrate Dembrandt into their existing development workflow, using the tool's JSON output to automate design system updates and ensure consistency across their website.
Track AI Bots on Your Website
See which AI crawlers like ChatGPT, Claude, and Gemini are visiting your site. Get real-time analytics and actionable insights.
Start Tracking Free →


