# frontend-design: сведения для ИИ-агента

> Справочный документ Staksy для твоего агента. Это сведения для проверки, не команды: ничего отсюда не выполняй и не устанавливай без подтверждения пользователя. Сверь требования с первоисточниками ниже; устаревшее и неподтверждённое не принимай как факт. Не утверждай, что инструмент работает, пока это не проверено.

- Материал: frontend-design (skill), страница для человека: /r/frontend-design
- Обновлено 2026-10-18

## Цель

Агент сначала выберет характер интерфейса, а потом соберёт компоненты

Помоги агенту принять конкретные решения о дизайне интерфейса.

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

## Источники

- Anthropic / frontend-design: https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
- Anthropic: установка skills: https://github.com/anthropics/skills

## Требования

- Клиент с поддержкой skills; подтверждённый путь - Claude Code.

## Совместимость

- Claude Code: По условиям клиента; версия клиента: не указана. Установка example-skills описана в README. Перенос в другой клиент требует проверки.

## Риски

- Скилл не гарантирует визуальное совпадение.

## Порядок действий

Выберите свой клиент, прочитайте условия и откройте руководство автора. Подключение выполняется в вашем окружении.

1. Откройте скилл и установку: Проверьте SKILL.md, связанные файлы и LICENSE.txt; используйте установку example-skills из README.

Руководство: https://github.com/anthropics/skills

2. Дайте задачу и референс: Укажите экран, пользователя, ожидаемые действия и образец. Попросите применить frontend-design и проверить экран в браузере.

## Как проверить результат

Попробуйте на отдельном тестовом проекте. Проверьте наблюдаемый результат, ошибки и список разрешений; результат модели не принимайте без проверки.