Полка

// скилл · официальный

Скилл frontend-design: нешаблонный дизайн сайта от Claude и Codex

Обложка скилла frontend-design: андроид-дизайнер у мольберта раскладывает макет сайта, рядом корзина со смятыми шаблонными макетами

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

Работает в: Claude Codeприложение ClaudeCodex

✓ Проверено редакцией 13 октября 2026

Что умеет

  • Перед кодом агент определяет предмет, аудиторию и главную задачу страницы — и уточняет у тебя, если в брифе их нет.
  • Собирает план дизайна: 4–6 цветов, шрифты и их роли, схема раскладки, принципы — и сверяет его с брифом, отбраковывая то, что выглядит как «дизайн по умолчанию».
  • Знает типичные признаки сгенерированного дизайна: кремовый фон с терракотой, почти чёрный фон с одним кислотным акцентом, одинаковые карточки с тенью, подписи капсом над каждым заголовком.
  • Держит планку качества: адаптив до телефона, видимый фокус клавиатуры, уважение к reduced motion, доступные цвета — и критикует свою работу по скриншотам.

Когда ставить. Когда просишь агента сверстать лендинг, страницу или интерфейс и не хочешь получить «ещё один сайт, сделанный нейросетью».

Как установить

Claude Code
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Набор example-skills ставит и другие примеры Anthropic. Только этот скилл — копией папки: git clone https://github.com/anthropics/skills.git и cp -R skills/skills/frontend-design ~/.claude/skills/

Codex
git clone https://github.com/anthropics/skills.git
mkdir -p ~/.agents/skills
cp -R skills/skills/frontend-design ~/.agents/skills/

Codex ищет скиллы в ~/.agents/skills (для всех проектов) и в .agents/skills внутри проекта. Если скилл не появился — перезапусти Codex.

Приложение Claude
Settings → Capabilities → включи выполнение кода; папку скилла упакуй в ZIP и загрузи в Customize → Skills.

Что проверила редакция

  • Файлы. Прочитаны SKILL.md (9,4 КБ) и LICENSE.txt — больше файлов в папке нет.
  • Код. Исполняемого кода нет: только инструкция для агента.
  • Сеть и запись. Сам скилл в сеть не ходит и ничего не пишет; код, который агент напишет по нему, — твой проект.
  • Палитра «почти чёрный фон + кислотный акцент» — это и наш журнал. Скилл не запрещает её, а просит выбирать осознанно: если бриф прямо просит такой стиль, бриф главнее.

⚿ Часть скиллов живёт только в закрытой Скиллотеке — скиллы спикеров, находки с GitHub, Skill Drop'ы. Инвайт выдаёт Редактор Нейро тем, кто хакнул раздел.

Проверяем каждый скилл перед публикацией: читаем SKILL.md и все скрипты, смотрим, ходит ли он в сеть и что может записать. Чужой скилл исполняется на твоём компьютере — ставь только проверенные. Как проверить скилл самому — промпт /skillaudit.

Ещё скиллы: grill-me · neyrohacker · все скиллы