Дизайн интерфейса под конкретный продукт
Сначала определить визуальный характер, типографику и композицию, затем сверить их с задачей. Метод Anthropic помогает уйти от случайного набора красивых блоков.
176 380 · GitHubanthropics/skillsВыбор редакции · изучены исходникиАвтор: Anthropic Apache-2.0 Версия 41bbe19
Когда пригодится
Спроектировать лендинг с узнаваемым характером
Обновить интерфейс, сохранив требования бренда
Продумать мобильную версию и состояния ошибок
Что получите
Визуальный план, набор стилей и интерфейс, который можно проверить в браузере.
Например
Сделай интерфейс каталога аудиолекций. Сначала предложи композицию и типографику под эту тему, затем реализуй мобильную версию и проверь пустые состояния.
Оригинал, требования и ограничения
Автор оригинального скилла: Anthropic. Редакционное описание: kossolapov.com.
- Агент
- Агент, умеющий читать инструкции Agent Skills; доступ к инструментам зависит от среды
- Инструменты
- Frontend-проект и предпросмотр в браузере
- Инструменты создания скриншотов для визуальной проверки
- Ограничения
- Качество дизайна субъективно; проверяйте отрисованный интерфейс и доступность.
- Скилл не предоставляет готовые факты, тексты для публикации или права на внешние изображения.
- Редакционный отбор по изученным исходникам, без сертификации сравнительной эффективности.