CLI для извлечения дизайн-системы с любого сайта
Этот новый CLI-инструмент позволяет извлекать дизайн-систему с любого сайта, упрощая работу разработчиков и дизайнеров.
CLI для извлечения дизайн-системы с любого сайта
Этот CLI-инструмент позволяет вам просто передать URL сайта, и он автоматически извлечет:
- цвета
- типографику
- отступы
- границы
- тени
- компоненты
- брейкпоинты
- моушен-токены
Кроме того, инструмент генерирует файл DESIGN.md, что делает его очень удобным в использовании.
Фронтендеры, вайбкодеры и дизайнеры теперь могут закрыть DevTools и открыть терминал, что упрощает их работу.
Почему это важно
АналитикаЭтот инструмент значительно упрощает процесс работы с дизайном, позволяя быстро получать необходимые данные с любого сайта. Это может сэкономить время и усилия разработчиков и дизайнеров.
Обсудить в сообществе
Делитесь опытом и мыслями с ИИ-разработчиками
Связанные материалы экосистемы
Практические гайды, терминология и агентские скиллы
WebMCP и Браузерные Инструменты
Адаптация Model Context Protocol (MCP) для работы непосредственно в веб-браузере, что позволяет ИИ-агентам взаимодействовать с DOM, LocalStorage, WebAssembly и IndexedDB без локальных демонов.
DESIGN.md Extractor: разбираем дизайн любого сайта с Claude
Полное практическое руководство по использованию навыка DESIGN.md Extractor для Claude Code: извлечение визуальных токенов, генерация файла DESIGN.md, интерактивное HTML-превью и экспорт в Tailwind CSS.
Создаём дизайн-систему в Figma с помощью Claude Code
Пошаговое руководство по созданию полноценной дизайн-системы в Figma с помощью Claude Code: токены, компоненты, переменные и готовые экраны.
Midjourney (Ведущая платформа художественного дизайна)
Ведущий закрытый генератор изображений с высочайшим уровнем художественной эстетики. Стандарт индустрии для дизайнеров, кинематографистов, концепт-художников и рекламных креативщиков.