Show HN: Design Memory – Extract design systems from live websites via CLI (github.com)

A new tool called Design Memory has been launched, enabling developers to extract and interpret design systems from live websites through a command-line interface (CLI). By utilizing deterministic analysis alongside large language model (LLM) interpretation, Design Memory allows users to learn design principles from URLs or even screenshots. Key features include the ability to merge designs from multiple pages, install design tokens directly into projects, and compare different design systems. This innovation is significant for the AI/ML community as it streamlines the process of extracting design assets, making it easier for developers to create consistent user interfaces. The tool’s architecture relies on Playwright for web crawling, extracting essential design components like colors and typography, and then leveraging LLMs for semantic understanding. The output is a well-structured .design-memory/ folder containing AI-optimized markdown files that assist in maintaining design consistency while fostering collaboration among design and development teams. This convergence of design, AI, and development practices underscores the growing importance of AI-driven tools in the web development landscape.