В Claude Code добавили навык /design для создания макетов интерфейсов
Кодик кратко объясняет суть статьи
Anthropic добавила в Claude Code новый навык /design, интегрирующий редактор макетов из Claude Design. С его помощью пользователи могут создавать несколько вариантов интерфейса, выбирать и редактировать их на «досках» и затем поручать Claude превратить выбранный макет в код. Перед генерацией дизайна модель анализирует кодовую базу проекта и подстраивается под существующий стиль интерфейса. Доступ к функции предоставляется через команду claude update и доступен в исследовательском превью подписчикам тарифов Pro, Max, Team и Enterprise — как в десктоп-версии, так и в CLI. Новый навык объединяет возможности Claude Design, запущенного в апреле 2026 года, и Claude Code, ранее синхронизированных через команду /design-sync, в едином интерфейсе.
Читайте в Telegram
|
Anthropic добавила в Claude Code навык /design, который переносит в инструмент разработки редактор макетов из Claude Design, сообщили разработчики компании в X.
Команда /design поднимает интерфейс с редактируемыми «досками» — вариантами дизайна экрана или компонента, построенными на технологии артефактов. Пользователь может попросить Claude предложить несколько вариантов интерфейса для конкретной функции, выбрать понравившийся, доработать детали прямо в редакторе и затем поручить Claude реализовать макет в виде кода.
Инженер Anthropic Нейт Пэрротт, работавший над функцией, уточнил в своём посте, что перед созданием макетов Claude анализирует кодовую базу проекта и подбирает стиль под уже используемый в приложении дизайн. Чтобы получить доступ к навыку, нужно обновить Claude Code командой claude update.
Навык работает в режиме исследовательского превью, доступен в десктоп-версии Claude Code и в CLI-инструменте — подписчикам тарифов Pro, Max, Team и Enterprise.
Сам инструмент Claude Design Anthropic запустила в апреле 2026 года на базе модели Claude Opus 4.7 — он позволял создавать прототипы интерфейсов, макеты сайтов и презентации в отдельной вкладке.
В июне в нём появилась команда /design-sync для загрузки дизайн-системы прямо в репозиторий с кодом, чтобы продолжать работу над макетом уже вместе с Claude Code. Новый навык /design окончательно объединяет оба инструмента в одном интерфейсе.
