DESIGN.md Generator - TypeUI Zoltán Szőgyényi מאת

Use this free and open-source Firefox extension to extract styles from any website and generate a DESIGN and SKILL markdown file that you can then use with AI tools such as Claude Design, Codex, Google Stitch, Cursor, and more to create a blueprint of the design system of the selected website.

This tool is open-source under the MIT license and it is based on the DESIGN markdown configuration from TypeUI (https://www.typeui.sh/design-md) and uses UI/UX best practices including accessibility markers and more.

Key features:

• generate DESIGN md and SKILL md files for the active tab
• quick install buttons for Claude, Codex, and Cursor
• copy-paste the generated markdown file
• download the generated markdown file
• read generation algorithm results and information
• open-source under the MIT license

Resources:

• Github repository: https://github.com/bergside/design-md-firefox
• Homepage: https://www.typeui.sh/
• Curated design skills: https://www.typeui.sh/design-skills