Карта 42 навыков для Claude по 6 слоям

Слой 1. Frontend и UI-дизайн, 10 навыков

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

• 01. Frontend-design. Принудительное создание смелых макетов.
• 02. Impeccable. Строгое соблюдение цветов OKLCH и сетки 4px.
• 03. Taste-skill. Высокоуровневая художественная анимация.
• 04. Animate. Кривые микро-переходов.
• 05. Design-motion. Трёхступенчатый аудит движения.
• 06. Theme-factory. Автогенерация цветовых палитр.
• 07. Figma-implement. Прямая трансляция дизайна.
• 08. Playwright-mcp. Обратная связь от живого браузера через скриншоты.
• 09. Brandkit. Создание гайдлайнов бренда за один подход.
• 10. Designer-skills. Профессиональные спецификации для передачи в разработку.

Слой 2. Изображения, графика и видео, 8 навыков

Включай, когда нужна картинка, обложка, инфографика или видеоролик прямо из терминала, без ручной возни в редакторах. Этот слой отвечает за генерацию визуала и анимацию.

• 11. Nano-banana. Генерация текста в изображение через терминал.
• 12. Banana-claude. Формула промптов из 5 компонентов.
• 13. Canvas-design. Вывод редактируемых векторных PNG.
• 14. Animate. Потоковые поля, основанные на математике.
• 15. Remotion-superpowers. Полноценная видеостудия на React.
• 16. Claude-remotion. Настройка таймингов и каскадов заголовков.
• 17. Blender-motion. 3D-сцены на Python.
• 18. Ae-motion. Скрипты JSX для After Effects.

Слои 3 и 4. Продукт и взаимодействие, 10 навыков

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

• 19. Hi-fi-mockups. Высокоточные интерактивные макеты интерфейса.
• 20. Brandkit-sync. Переиспользуемые гайдлайны бренда.
• 21. Slide-decks. Системы шаблонов для презентаций.
• 22. Figma-mcp. Чтение фреймов и фиксация изменений кода.
• 23. Token-budgets. Расчёт токенов контекстного окна.
• 24. Turn-repair. Восстановление прерванных диалогов.
• 25. Generative-ui. Рендеринг адаптивных виджетов.
• 26. Progressive-reveal. Поэтапная подача контента для пользователя.
• 27. Frustration-checks. Адаптивный код для смягчения негатива.
• 28. Feedback-loops. Лог принятых правок внутри кода.

Слой 5. Структурное поведение промптов, 8 навыков

Включай всегда, когда пишешь промпт, от которого зависит стабильность ответа. Эти навыки делают промпт предсказуемым: чёткая структура, роль, тон, формат вывода и обучение на примерах. База для всего остального.

• 29. System-structure. Чистая анатомия промпта.
• 30. Persona-architecture. Ограничения черт характера и голоса.
• 31. Tone-calibration. Настройка тона от формального до тёплого.
• 32. Emotional-design. Деэскалация конфликтов.
• 33. Template-design. Параметризованные форматы скобок.
• 34. Few-shot-patterns. Обучение на граничных случаях.
• 35. Chain-of-thought. Отслеживание пошаговых рассуждений.
• 36. Constraint-spec. Строгие границы форматирования.

Слой 6. Доверие, оценка и безопасность, 6 навыков

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

• 37. Guardrails. Пуленепробиваемые границы отказов.
• 38. Trust-calibration. Ссылки и сигналы подтверждения данных.
• 39. Transparency-patterns. Отслеживание уровня уверенности ИИ.
• 40. Quality-rubrics. Матрицы оценки «прошёл / не прошёл».
• 41. Task-decomposition. Разделение целей на роли агентов.
• 42. Handoff-protocols. Конвейеры передачи контекста людям.

Как установить навыки в Claude Code

Навык (skill) в Claude Code это папка с файлом инструкций, которую Claude сам подхватывает и включает, когда задача под неё подходит. Есть два рабочих способа поставить навык себе.

Способ 1. Через маркетплейс плагинов

1. В окне Claude Code введи команду /plugin marketplace add и укажи репозиторий с навыками, в формате /plugin marketplace add owner/repo.
2. Дальше набери /plugin install и имя нужного навыка из этого набора.
3. Готово, набор навыков ставится одним подходом и обновляется той же командой.

Способ 2. Файлом в проект

1. Внутри своего проекта создай папку .claude/skills, а в ней папку с именем навыка, например frontend-design.
2. Положи туда файл SKILL.md с инструкциями навыка, это и есть его тело.
3. Claude Code подхватит навык автоматически при следующем запуске. Чтобы навык работал во всех проектах, положи ту же папку в ~/.claude/skills.

С каких навыков начать под контент и маркетинг

Если ставить всё сразу незачем, вот пятёрка, которая закрывает основную работу над контентом: страницы, картинки, презентации, видео и крепкие промпты. Начни с них.

Промпт, который соберёт нужный навык под тебя

Если в карте нет готового навыка под твою задачу, не ищи его вручную. Открой Claude и попроси собрать навык этим промптом. Он вернёт готовый файл SKILL.md, который останется положить в проект.

Что дальше

Поставь пятёрку из блока про старт, прогони через них ближайший контент и посмотри, что реально экономит время. Дальше добирай навыки по слоям под конкретные задачи. Когда упрёшься в задачу, под которую готового навыка нет, собери свой промптом сверху. Так у тебя вместо кучи разрозненных подсказок появится собранная система, где у каждого навыка своя роль.