Design and front-end teams that need a starting set of tokens taken from an existing website.
git clone https://github.com/arvindrk/extract-design-system.gitThird party software. By copying, downloading or installing it you accept the Academy legal notice: you are responsible for reviewing its code and permissions before use.
Loading the file...
Reads a public website and pulls out its design tokens: colors, typography, spacing, border radius and shadows. It writes them as a JSON file and as CSS custom properties you can use as a starting point in a local project. It works as an agent skill for Claude, Cursor and Codex, and as a standalone CLI.
Design and front-end teams that need a starting set of tokens taken from an existing website. Reads a public website and pulls out its design tokens: colors, typography, spacing, border radius and shadows. It writes them as a JSON file and as CSS custom properties you can use as a starting point in a local project. It works as an agent skill for Claude, Cursor and Codex, and as a standalone CLI.
Run this in your terminal: git clone https://github.com/arvindrk/extract-design-system.git
Yes. The code is on GitHub (arvindrk/extract-design-system) under the MIT licence.
It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.