# TypeUI DESIGN.md Extractor

A Chrome extension that reads a website's typography, color, and spacing and turns them into a design-system reference file that AI coding tools can use when building a site.

TypeUI DESIGN.md Extractor is a Chrome extension that reads a live web page's typography, colors, spacing, corner radius, shadows, and motion, and turns those signals into a design-system reference file. The generated file follows an open-source format and can be handed to tools such as Claude Code, Codex, or Google Stitch as a reference when building a site with a matching design system.

The generated document includes sections for the design system's mission and brand context, extracted visual foundations, accessibility requirements, a writing-tone guide, required and prohibited implementation patterns, an authoring workflow, and testable quality gates. It is loaded into Chrome as an unpacked extension through developer mode rather than distributed through the Chrome Web Store listing alone.

It is written in JavaScript and released under the MIT license.

Website: https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma