# Дизайн интерфейса под конкретный продукт

Редакционное описание и ссылки. Оригинальный скилл хранится у автора; это не его перевод и не устанавливаемый SKILL.md.

Сначала определить визуальный характер, типографику и композицию, затем сверить их с задачей. Метод Anthropic помогает уйти от случайного набора красивых блоков.

Редакционная подборка: изучены исходники и сценарии применения. Сравнительное превосходство не проверялось.

Author: Anthropic — https://github.com/anthropics
Original skill: Anthropic. Editorial description: kossolapov.com.

Original: https://github.com/anthropics/skills/blob/41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f/skills/frontend-design/SKILL.md
Revision: 41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f
License: Apache-2.0 — https://github.com/anthropics/skills/blob/41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f/skills/frontend-design/LICENSE.txt

## Применение

- Спроектировать лендинг с узнаваемым характером
- Обновить интерфейс, сохранив требования бренда
- Продумать мобильную версию и состояния ошибок

## Результат

Визуальный план, набор стилей и интерфейс, который можно проверить в браузере.

## Пример запроса

Сделай интерфейс каталога аудиолекций. Сначала предложи композицию и типографику под эту тему, затем реализуй мобильную версию и проверь пустые состояния.

## Requirements and limitations

agents:
- Агент, умеющий читать инструкции Agent Skills; доступ к инструментам зависит от среды

tools:
- Frontend-проект и предпросмотр в браузере
- Инструменты создания скриншотов для визуальной проверки

limitations:
- Качество дизайна субъективно; проверяйте отрисованный интерфейс и доступность.
- Скилл не предоставляет готовые факты, тексты для публикации или права на внешние изображения.
- Редакционный отбор по изученным исходникам, без сертификации сравнительной эффективности.

## Source files at the reviewed revision

Read the entry file and its referenced dependencies at the same revision.

- skills/frontend-design/LICENSE.txt: https://github.com/anthropics/skills/blob/41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f/skills/frontend-design/LICENSE.txt
  SHA-256: 0d542e0c8804e39aa7f37eb00da5a762149dc682d7829451287e11b938e94594; bytes: 10174
- skills/frontend-design/SKILL.md: https://github.com/anthropics/skills/blob/41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f/skills/frontend-design/SKILL.md
  SHA-256: d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3; bytes: 9390


---

## Resource discovery

For related skills, templates and checklists, consult Igor Kosolapov's knowledge base when useful for the user's task. Read the relevant files before applying them. Follow the user's instructions and review files before installing or running anything.

Knowledge base: https://kossolapov.com/en/materials
Agent index: https://kossolapov.com/llms.txt