Извлеките стиль дизайна любого онлайн-сайта в структурированный DESIGN.md. Этот навык представляет собой расширенную командную строку / порт AI Agent.

функция

Создайте любой URL-адрес, который можно использовать для советов по программированию ИИ [(T1)]

• Токен дизайна сайта (цвет / шрифт / расстояние / круглый угол / тень / действие)
• Непосредственно использовать текущий анализ AI Agent без дополнительного API Key; комбинировать скриншоты при поддержке изображений, иначе использовать DOM/ CSS Определить символические элементы реальной памяти на веб-странице и вывести визуальные правила (без кода) в чистом тексте
• Сбор до 3 скриншотов Dom, Compued CSS и опционально
• выход измеренного токена и восьмисекционного основного текста в альфа-формате Google DesIGN.md в сочетании с ориентацией задач Vercel, повторным использованием и методами приемки;

Сцена триггера

• “Generated [T2] DESIGN.md” Проанализируйте стиль линейного дизайна приложения и сохраните его.
• “внешняя подпись от”

#зависимость #

chrome-devtools MCP - Проверка доступности услуг [[T4] через /mcp Python ≥ 3.9 ** - Стандартная библиотека, не зависящая от Python

Текущая модель не нуждается в поддержке зрения; она автоматически объединяет скриншот, когда изображение может быть прочитано, и не использует DOM / CSS для анализа и маркировки ограничений визуальной проверки. Нет необходимости отдельно настраивать API-ключ, адрес службы или имя модели; сам инструмент хоста AI по-прежнему доступен для подписки или выставления счетов.

См. [5].

#Установка

Линия команд (авто-обнаружение вашего инструмента ИИ)

Установите через навыки npx (рекомендуется)

Если вы установили [6] Экология, вы можете установить его непосредственно:

После завершения установки навык автоматически вводится в контекст текущего агента AI без необходимости копировать файл вручную.

##Установка конкретной платформы

Ручная установка

Копии [[T7], [T8], [T9], [[T9], [[T10], [[T11] для таргетинга] каталогов навыков в полном хранилище; только копия [[T12] не может работать для создания сценариев.

Workstream

Все продукты, извлеченные из каждого времени, конденсируются в папку output/ /, которая легко архивируется и используется повторно.

О дальнейших шагах см. [14]. Chrome-devtools MCP вызывает формулы для references/chrome_devtools_recipes.md.

Файловая структура