Web Design Engineer
Создавайте продуманные и безупречные веб-интерфейсы
Установка
github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
When building or redesigning visual web artifacts—pages, dashboards, prototypes, animations, and UI systems—with intentional design direction.
В веб-дизайне каждое визуальное решение должно иметь четкую цель. Этот навык помогает агентам выйти за рамки функционального HTML и добиться эстетической цельности, уделяя внимание заранее определенным дизайн-системам, подлинным изображениям продукта и осмысленным сценариям взаимодействия.
Основные возможности
- Процесс с приоритетом дизайна и тремя обязательными контрольными этапами: определение системы, проверка черновика и согласование ключевых решений по реализации.
- Требует настоящие материалы: логотипы, типографику и фотографии продукта вместо CSS-силуэтов и стандартных заглушек.
- Охватывает весь спектр визуальных задач: маркетинговые страницы, панели данных, презентации, анимации, диаграммы и библиотеки компонентов.
- Помогает избегать типичных AI-клише, включая градиентные фоны и чрезмерно используемые карточные макеты.
- Содержит рекомендации по приемочному тестированию в браузере и визуальному контролю качества.
Навык не предназначен для серверных API, CLI-инструментов, чистой логики или автоматического преобразования содержимого — он сосредоточен исключительно на визуальной части фронтенда. Подходит дизайнерам, работающим с AI-агентами, командам, создающим дизайн-системы, и всем, кто разрабатывает веб-интерфейсы осознанно и с вниманием к деталям.
Похожие навыки
Frontend Design
НавыкПомогает создавать интерфейсы без шаблонного вида
Taste Skill
НавыкУводит интерфейсы агентов от шаблонного вида
Huashu Design
НавыкСоздавайте прототипы, анимацию и визуализации на HTML

Комментарии(0)
Войдите, чтобы комментировать