Design Extractor

Overview

Extract a precise design system from any website. Get a design.md ready to paste into Claude.

Design Extractor reads the computed styles from any website — colors, typography, spacing, shadows, components — and generates a precise design.md file. Paste it into Claude Code to instantly replicate any site's visual design system. Includes a complete prompt that creates the file, updates CLAUDE.md, and audits your existing code for violations.

0 out of 5
No ratings
Learn more about results and reviews.

Details

Version
1.0.0
Updated
April 24, 2026
Flag concern
Offered by
antoine.levy27
Size
14.18KiB
Languages
English
Developer
Email
antoine.levy27@gmail.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. To learn more, see the developer’s privacy policy.

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

For help with questions, suggestions, or problems, visit the developer's support site

html.to.design

4.7

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

AI Design Taste - DESIGN.md and SKILL.md Generator

5.0

Analyze page styling and produce DESIGN.md or SKILL.md documentation compatible with Kiro, Claude, Codex, and Cursor.

DESIGN.md Inspector

0.0

Auto-generate DESIGN.md and SKILL.md from any page's design system and use it with Claude, Codex and Cursor.

WebGrabber for Claude Design

0.0

Grab any element's HTML, CSS, and screenshot to paste into Claude Design. Independent tool, not affiliated with Anthropic.

Design System Extractor

0.0

Extracts the design system of the current website into an AI-friendly markdown document.

Designer Tools

4.6

A collection of tools to help you design and develop websites with precision.

PixLore-Convert any website into Figma

0.0

Converting any website into fully editable Figma designs, and begin your own designs.

html.tomake.design (llama)

4.0

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

VisualDNA – Design System Extractor

0.0

Extract the complete visual design system of any site. Get colors, typography, components, and generate AI-ready prompts instantly.

DesignAssets - Extract Any Website's Design

5.0

Extract colors, fonts, images, SVGs, and CSS from any website. Build design systems in seconds.

DESIGN.md Style Extractor - TypeUI

5.0

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

DESIGN.md Generator

5.0

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