Yoink – Extract website design systems into YAML for AI coding assistants

Summary: Yoink extracts complete design systems from any website into structured YAML format for direct use with AI coding assistants like Claude. It captures colors, typography, spacing, shadows, component patterns, and animations, enabling precise replication of designs without manual description.

What it does

Yoink processes websites locally in the browser to generate YAML files containing detailed design system data, which users can copy and paste into AI assistants to guide code generation.

Who it's for

Developers and makers who want AI coding assistants to replicate existing website designs accurately.

Why it matters

It eliminates the need for tedious, error-prone verbal descriptions of design details when instructing AI coding tools.