Yoink

Yoink

Copy any website's design system for AI coding assistants

2 followers

Visit website
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.
Yoink gallery image
Yoink gallery image
Yoink gallery image
Yoink gallery image
Free
Launch tags:Chrome Extensions•Developer Tools•Artificial Intelligence
Launch Team
Flowstep
Flowstep
Generate real UI in seconds
Promoted

What do you think? …

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!