This Open-Source SKILL Makes Website Replication Effortless!
Extract any website's design system into AI‑ready files with this open‑source CLI tool. Zero API keys needed.
Seeing a website you like and wanting to reference its design style for your own project.
The usual process is: open DevTools, find color variables and copy them one by one, look up font names and weights, measure spacing, check border-radius values, observe animation effects…
After going through all that, it easily takes half an hour or more.
And what you end up with is fragmented— a bunch of hex color values, a few font names, a few spacing numbers. When AI gets these fragmented pieces of information, it will most likely still generate that same generic “purple-blue gradient + Inter font” template style.
According to researchers at Anthropic, this is called “distributional convergence.”
When AI is not given a clear design reference, it samples from the statistical center of its training data and generates the most “average” UI—Inter font, purple-blue gradients, cards nested inside cards, and a rounded square icon above every heading.
If you look through pages generated by AI, you’ll find they all look strikingly similar.
What everyone hopes for is a way to quickly and systematically export the complete design system of any website into a format that AI can directly consume.
This is exactly the problem that the open-source project SkillUI, which we’re introducing today, aims to solve.
