# Designlang

> Extracts colors and typography from a website into a visual system

- Category: Agent skills (`skills`)
- Tags: `free`, `open-source`
- Official: https://designlang.app/
- GitHub: https://github.com/Manavarya09/design-extract
- Wunderlust: https://wunderlust.xyz/r/designlang
- Image: https://wunderlust.xyz/media/designlang-og.jpg
- Video preview: https://wunderlust.xyz/media/designlang.webm
- Added: 2026-11-05

## What it is

Designlang (design-extract) extracts visual system characteristics, such as colors and typography, from a website.

## What it’s for

For capturing the visual system of an existing site and using it as a design base with agents.

## Benefits

- Extracts colors and typography
- Has a website and a repository
- Has its own site and repository

## Similar on Wunderlust

- [Extract Design System](https://wunderlust.xyz/r/extract-design-system.md): Skill that extracts colors, typography and spacing from a design
- [Design.md Chrome](https://wunderlust.xyz/r/design-md-chrome.md): A Chrome extension that extracts a site's design into DESIGN.md or SKILL.md
- [Interface Skills](https://wunderlust.xyz/r/interface-skills.md): Jakub Krehel's set of 14 skills for building and reviewing interfaces
- [Awesome Claude Design](https://wunderlust.xyz/r/awesome-claude-design.md): 68 brand DESIGN.md files for generating design systems in Claude Design
- [Awesome Design MD](https://wunderlust.xyz/r/awesome-design-md.md): About 84 brand DESIGN.md files so agents generate UI in the same style
- [UI UX Pro Max](https://wunderlust.xyz/r/ui-ux-pro-max.md): Design-intelligence skill: styles, palettes, fonts and rules by stack