Yoink
Copy any website's design system for AI coding assistants
Start new thread
Anders Myrmel

Yoink - Copy any website's design system for AI coding assistants

by•
You see a website with great design and want your AI coding assistant to build something that matches it. But describing colors, spacing, and component styles in words is tedious and error-prone. Yoink solves this by extracting complete design systems into YAML format that you can paste directly into Claude or your AI assistant.

Add a comment

Replies

Best
Anders Myrmel
Maker
📌
Hey makers! 👋 You see a site with great design and want Claude to build something that matches it. But describing the design system in words is tedious and error-prone. Yoink solves this. How it works: 1. Visit any website 2. Click the Yoink extension 3. Copy the YAML output 4. Paste into Claude with your prompt Yoink extracts colors, typography, spacing, shadows, component patterns, and animations into structured YAML that AI assistants understand. Everything processes locally in your browser. No network requests, no data collection, fully open source. Would love your feedback!