design-uiПроверки: пройдено 3

web-design-engineer

Навык, позволяющий агенту создавать высококачественные веб‑артефакты (страницы, прототипы, слайды, визуализации) с акцентом на дизайн‑системы и бренд‑консистентность.

Суть

Что это за skill и зачем он нужен

Web Design Engineer позиционирует агента как профессионального дизайнера, который проектирует визуальные фронтенд‑решения с помощью HTML, CSS, JavaScript и React. Рабочий процесс включает проверку фактов, сбор контекста бренда, формулирование дизайн‑системы, ранний показ v0‑прототипа и пошаговую валидацию. Навык строго ограничивает область применения визуальными элементами (страницы, прототипы, слайд‑деки, анимации, UI‑мокапы) и требует наличия бренд‑активов (логотип, изображения, скриншоты) для сохранения узнаваемости. Встроенные рекомендации по проверке активов, использованию Subresource Integrity и управлению токенами делают процесс надёжным и повторяемым.

Установка

Как установить

npx skills add https://github.com/conardli/garden-skills --skill web-design-engineer

Сценарии

Когда использовать

Подходит

Создание визуального фронтенд‑контента: веб‑страницы, интерактивные прототипы, слайд‑деки, анимации, UI‑мокапы.
Разработка или расширение существующей дизайн‑системы продукта.
Подготовка бренд‑соответствующего UI для маркетинговых материалов.
Требуется строгий контроль качества дизайна (проверка токенов, согласованность стилей).
Необходимо быстро получить v0‑прототип для ранней обратной связи.

Не подходит

Разработка бэкенд‑API, серверных скриптов или CLI‑утилит.
Чисто логическая или алгоритмическая работа без визуального вывода.
Оптимизация производительности кода без изменения UI.
Создание инфраструктурных или DevOps‑скриптов.
Задачи, требующие только текстового или табличного вывода без дизайна.

Доверие

Проверки безопасности

Gen Agent Trust HubПройдено

Проверка не нашла критичных проблем.

SnykПройдено

Низкий риск · проблем не найдено.

SocketПройдено

Предупреждений нет.

Похожие