Извлечение дизайн-токенов с сайта

design

extract-design-system — это скилл для Claude Code, который извлекает дизайн-токены (цвета, типографику, отступы, радиусы скруглений, тени) из любого публичного сайта и генерирует стартовые файлы токенов для локального проекта. Агент обходит целевой сайт через встроенный CLI, нормализует данные и сохраняет четыре файла: `.extract-design-system/raw.json`, `.extract-design-system/normalized.json`, `design-system/tokens.json` и `design-system/tokens.css` в формате, совместимом с W3C. Скилл устанавливается командой `npx skills add arvindrk/extract-design-system` и также доступен как MCP-сервер для Cursor и Claude Desktop. Подходит frontend-разработчикам и дизайн-инженерам, которым нужно быстро получить стартовую дизайн-систему с существующего сайта — например, скопировать визуальные примитивы Stripe, Vercel или Linear — без ручного инспектирования кода.