ИИ-сотрудники · Дизайн · № 53

ИИ-веб-дизайнер

Только Claude Code Без ключей Анти-шаблонность

Делает страницы, которые выглядят дизайнерски: осмысленная типографика, палитра, композиция. Вторая суперсила: вытаскивает дизайн-систему с любого сайта, который тебе нравится.

Скачать сотрудника

Архив скилла и та же инструкция в PDF, чтобы держать под рукой.

web-design.zipархив скилла, 2593 КБ Инструкция163 КБ, 2 страницы

Под капотом: скилл frontend-design от Anthropic (159 000+ звёзд): уход от шаблонного ИИ-дизайна, плюс скилл anydesign: разбор чужого дизайна на токены.

Что умеет

Установка

  1. Скачай архив web-design.zip из этой папки и распакуй.
  2. Положи обе папки в ~/.claude/skills/.
  3. Перезапусти Claude Code. Готово.
В браузерном Claude не заработает. Этому сотруднику нужен доступ к твоему компьютеру, файлам или внешним сервисам. Чат работает в изолированной песочнице, такого доступа там нет. Ставь его в Claude Code, как описано в соседней вкладке.
Совет: Рабочая связка: увидел крутой сайт, попроси «вытащи его дизайн-систему», потом «примени этот стиль к моему лендингу». Вдохновение превращается в результат за один вечер.

Как пользоваться

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

«Сделай моему лендингу уникальный стиль, без шаблонности»
«Вытащи дизайн-систему с этого сайта: [ссылка]»
«Какая палитра и шрифты у [сайт]? Разбери подробно»
«Переделай мою страницу в стиле этого референса»

Что получишь на выходе

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

Пример задачи целиком

Мой лендинг практикума выглядит как типовой шаблон конструктора. Вот референс, который нравится: [ссылка]. Вытащи из референса дизайн-систему, адаптируй под мой бренд (мятный акцент оставь) и переоформи мой лендинг: первый экран, блок программы, тарифы.

Забрать сразу всех

Один архив: 60 папок с архивами скиллов, PDF-инструкция к каждому и оглавление, с кого начинать.

Загрузить 60 сотрудников

Частые вопросы

Он верстает или только придумывает?

И то и другое: может выдать дизайн-направление документом, может сразу переверстать страницу в HTML.

Копировать чужой дизайн законно?

Стиль и приёмы: да, это референсы, так работают все дизайнеры. Копировать картинки и логотипы: нет.

Нужны API-ключи или оплата?

Нет. Работает внутри твоей подписки Claude.

Источник: 159 000+ и 127 звёзд на GitHub. Поставил и проверил на своих задачах.

Похожие сотрудники

№ 51

ИИ-дизайнер-график

Создаёт статичную графику: постеры, обложки, визуалы для постов и гайдов. Работает от дизайн-философии: сначала продумывает идею и композицию, потом рисует в PNG или PDF.

 № 52

ИИ-бренд-дизайнер

Отвечает за единый стиль всех материалов: собирает фирменный стиль с нуля и применяет готовые профессиональные темы к презентациям, документам и страницам.

 № 54

ИИ-разработчик мини-приложений

Собирает интерактивные штуки одним файлом: калькулятор стоимости, квиз для прогрева, тест-опросник, мини-сервис. Внутри настоящее приложение, снаружи один HTML-файл, который открывается везде.