Перейти к содержимому
↑↓перемещение↵открытьescзакрыть
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Design Engineer logo
Навык

Web Design Engineer

Создавайте продуманные и безупречные веб-интерфейсы

0
СохранитьПерейти на сайт ↗

Установка

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-агентами, командам, создающим дизайн-системы, и всем, кто разрабатывает веб-интерфейсы осознанно и с вниманием к деталям.

Комментарии(0)

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

Комментариев пока нет — оставьте первый.

Похожие навыки

Пожаловаться на комментарий

Почему вы хотите отправить жалобу?