CLI для витягування дизайн-системи з будь-якого сайту
Новий CLI-інструмент дозволяє витягувати дизайн-систему з будь-якого сайту, спрощуючи роботу розробників і дизайнерів.
CLI для витягування дизайн-системи з будь-якого сайту
Цей CLI-інструмент дозволяє вам просто передати URL сайту, і він автоматично витягне:
- кольори
- типографіку
- відступи
- границі
- тіні
- компоненти
- брейкпоінти
- моушен-токени
Крім того, інструмент генерує файл DESIGN.md, що робить його дуже зручним для використання.
Фронтендери, вайбкодери та дизайнери тепер можуть закрити DevTools і відкрити термінал, що спростить їхню роботу.
Чому це важливо
АналітикаЦей інструмент значно спрощує процес роботи з дизайном, дозволяючи швидко отримувати необхідні дані з будь-якого сайту. Це може зекономити час і зусилля розробників та дизайнерів.
Обговорити новину у спільноті
Діліться своїм досвідом та думками з ШІ-розробниками
Пов'язані матеріали екосистеми
Практичні гайди, термінологія та агентські скіли
WebMCP & Browser-Native Tools
Адаптація 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 (Провідна платформа художнього дизайну)
Провідний закритий генератор зображень із найвищим рівнем художньої естетики. Стандарт індустрії для дизайнерів, кінематографістів, концепт-артистів та рекламних креативників.