Что это такое?
Инструмент, который извлекает дизайн-систему (цвета, шрифты, отступы) из CSS любого сайта и готовит данные для AI-агентов.
Проект / HTML
fivetaku/insane-design: Insane Design — извлекатель дизайн-систем из любого сайта
Получите точные дизайн-токены любого сайта для вашего AI-агента, чтобы он воспроизводил стиль, а не угадывал «похожесть».
Insane Design — это инструмент для извлечения дизайн-систем из живых сайтов. Вместо того чтобы просить AI «сделать похоже», вы даёте ему точные токены: цвета, шрифты, отступы. Работает через плагин для Claude Code, анализирует CSS напрямую, без догадок.
Для кого это
Для фронтенд-разработчиков, дизайнеров и продуктовых команд, которые хотят быстро внедрить стиль известных сервисов или проанализировать конкурентов.
Проблема / задача
Когда вы говорите AI «сделай похоже на Stripe», он угадывает цвета и шрифты, а результат получается неточным. Вручную выписывать CSS-переменные с сайта — долго и муторно.
Как это работает
Проект загружает реальный CSS сайта, парсит кастомные свойства, извлекает цветовые палитры, шрифтовые шкалы, отступы, тени и радиусы. Затем генерирует структурированный design.md для AI-агентов и интерактивный HTML-отчёт для людей. Включает 100 готовых анализов популярных сайтов.
Что видно по README
Insane Design — это инструмент для извлечения дизайн-систем из живых сайтов. Вместо того чтобы просить AI «сделать похоже», вы даёте ему точные токены: цвета, шрифты, отступы. Работает через плагин для Claude Code, анализирует CSS напрямую, без догадок.
Ключевые возможности
Технологии
Интересный факт
Проект уже проанализировал стили таких гигантов, как Apple, Stripe, Linear, Vercel, Nike и даже Gucci — можно мгновенно применить их дизайн-токены к своему проекту.
С чего начать
- Добавить marketplace плагинов в Claude Code
- Установить плагин insane-design
- Выполнить команду /insane-design https://stripe.com
Оценка GitRadar
Удобство
7/10
Свежесть
9/10
Перспектива
8/10
Монетизация
6/10
Общая оценка
8/10
Вердикт GitRadar
Стоит попробовать, если вы работаете с AI-агентами для вёрстки или хотите быстро заимствовать дизайн-системы. Инструмент решает конкретную проблему точности и экономит часы ручной работы.
Наблюдения по обновлениям
Проект активно развивается: есть галерея из 100 проанализированных сайтов, поддержка двух режимов (анализ и применение), но звёзд и форков пока немного.
Что мы проверили
Карточка собрана по данным GitHub, README и структуре репозитория. Это не официальная документация проекта.
- Исходный репозиторий
- https://github.com/fivetaku/insane-design
- Создан на GitHub
- 12 апреля 2026 г.
- Последнее обновление репо
- 12 апреля 2026 г.
- Последняя проверка GitRadar
- 12 апреля 2026 г.
- Изученные файлы
- README.md, index.html, README.ko.md, docs/index.html, docs/reports/lg/css/main.css;jsessionid=D192DEFC1AAA2B95093B784B6BEB1AF7.lghome2019_9480_lgcclghwasp01, docs/reports/mercedes-benz/css/index.css
FAQ
Для кого подходит?
Для фронтенд-разработчиков, дизайнеров и продуктовых команд, которые хотят быстро копировать стили или анализировать конкурентов.
Источники
Нужна помощь с fivetaku/insane-design?
Если проект подходит под ваш сценарий, можем помочь с установкой, интеграцией, доработкой или аккуратным форком под вашу инфраструктуру.