DESIGN.md Style Extractor - TypeUI

typeui.sh

5.0 (

9 ratings

)

Extension Developer Tools 9,000 users

Item media 1 (screenshot) for DESIGN.md Style Extractor - TypeUI

Overview

Extract page styles and generate DESIGN.md or SKILL.md files and use it with Google Stitch, Claude, Codex, and Cursor.

This extension for Chrome helps you extract styles from any website and generate DESIGN.md or SKILL.md files for AI development for tools such as Google Stitch, Claude Code, Codex, and more. The algorithm detects CSS variables and generates a design profile of any given site based on content and elements.

5 out of 5 9 ratings
Learn more about results and reviews.

Details

Version

0.4.0
Updated

April 18, 2026
Flag concern
Size

47.06KiB
Languages

English
Developer

Website

Email

zoltan@bergside.com
Non-trader

This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

Support

Obsidian Web Clipper

4.8

Save and highlight web pages in a private and durable format that you can access offline. The official extension for Obsidian.

Vercel

4.7

Use the Vercel Toolbar on production deployments

H2D Capture

5.0

Capture any webpage and paste it into Figma canvas

DESIGN.md Generator

0.0

Extract any website's design system as DESIGN.md or SKILL.md — feed to Claude Code, Cursor, or Codex.

Responsive Viewer

4.2

Show multiple screens once, Responsive design tester

Web Capture - HTML to React with MagicPath

4.5

Capture elements from the web. Convert elements into interactive React components and edit manually or with AI on a canvas.

NotebookLM Web Importer

4.7

Import web pages and YouTube videos to NotebookLM with one click

SuperDev Pro

4.5

One extension that replaces all your browser tools.

html.to.design

4.7

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

VisBug

4.8

Open source browser design tools

CSS Peeper

4.2

Inspect website styles in seconds. Supercharge your workflow, and save hours of work.

Paper Snapshot

4.9

Copy and paste your real site directly into Paper as editable layers. No more screenshots!