extract-design

Turn any website into a reusable design system.

web design

What it does

Extracts a website’s design language into reusable theme files and an accessibility-scored report.

When to use it

Use when the user asks to extract a website’s design system, language, tokens, colors, or fonts.

Give it a website URL; it creates eight design-system files and presents the key findings.

What you provide

This skill

the provided website

Read

Reads the provided website

npx designlang

Execute

Unversioned designlang code

The designlang command must be available, either installed globally or invoked through npx.