RampStack Claude Skills — 103 навыка для полного жизненного цикла сайта

· 2 мин чтения
skills claude-code seo design marketing
📂 Исходный код на GitHub

103 stack-agnostic навыка для Claude, покрывающих полный жизненный цикл бренда и сайта: бренд, дизайн, контент, SEO, разработка, операции, рост и исследования. 490 референсных файлов, SEO-аудит-сьют на Ahrefs MCP, соответствие открытой спецификации Agent Skills.

RampStack Claude Skills — 103 навыка для полного жизненного цикла сайта

Большинство коллекций навыков для Claude Code заточены под разработку: спеки, TDD, ревью, деплой. RampStack claude-skills пошли дальше и собрали библиотеку из 103 навыков, покрывающих весь жизненный цикл сайта — от бренд-стратегии и дизайн-системы до SEO-аудита, запуска и аналитики. Всё под MIT-лицензией и вне зависимости от стека: Next.js, WordPress, Shopify, Webflow или чистый HTML.

Что внутри

Это не подборка чужих скиллов, а единая библиотека, где каждый навык следует одним и тем же соглашениям:

  • 103 навыка в 16 категориях — у каждого полный SKILL.md и минимум один референсный файл
  • 490 референсных файлов: шаблоны, чеклисты, матрицы решений, разобранные примеры
  • Stack-agnostic — работает с любым веб-стеком; единственное исключение — SEO-аудит-сьют, который рассчитан на Ahrefs MCP
  • Компонуемость — навыки ссылаются друг на друга: creative-brief отсылает к brand-voice, incident-response — к monitoring-and-alerting. У каждого скилла есть раздел «When NOT to use», указывающий на соседний навык
  • Ставка на принципы, а не инструменты — ссылки на долговечные спецификации (W3C, WHATWG, Schema.org, MDN, WCAG) вместо контента, устаревающего с каждым обновлением алгоритмов

Библиотека соответствует открытой спецификации Agent Skills, поэтому навыки работают не только в Claude Code, но и в других платформах, поддерживающих стандарт.

Ключевые категории

Категория Навыков Примеры
Стратегия и discovery 5 brand-discovery, creative-direction, information-architecture
Бренд 7 brand-identity, brand-voice, logo-design
Дизайн 4 design-system, design-standards, art-direction
Контент 13 pillar-content-architecture, landing-page-copy, programmatic-seo
SEO-база 7 seo-onpage, seo-technical, seo-aeo-geo
SEO-аудит (Ahrefs MCP) 7 seo-audit-orchestration, seo-traffic-diagnosis
Продукт 13 experiment-design, roadmap-planning, feature-launch-playbook
Разработка 4 code-review-web, frontend-component-build, accessibility-audit
Операции 9 launch-runbook, incident-response, security-baseline
Growth-инструменты 12 funnel-flow-architecture, calculator-design, onboarding-wizard-design

Туда же входят трек платной рекламы, UX-исследования и мета-скилл skill-creation-walkthrough, который учит писать собственные навыки.

Шесть навыков помечены как входные точки — по одному на каждую аудиторную дорожку, каждый работает и автономно, и в композиции с каталогом:

  • creative-direction — четырёхосевой бриф (тон, эстетика, аудитория, сенсорика) для согласованности всех последующих навыков
  • experiment-design — от гипотезы до решения: размер выборки, длительность, интерпретация
  • feature-launch-playbook — дисциплина запуска фич: позиционирование, внутренние коммуникации, rollout, мониторинг
  • pillar-content-architecture — топическая авторитетность по схеме hub-and-cluster
  • landing-page-copy — лендинги и sales-страницы с конвертирующим текстом от hero до CTA
  • funnel-flow-architecture — архитектура конверсионных потоков между инструментами

Помимо репозитория, у RampStack есть сайт rampstack.co с каталогом навыков, multi-skill walkthrough'ами, каталогом MCP-интеграций и витриной брендов, собранных этими навыками. Сам каталог навыков остаётся бесплатным и open-source.

Установка

В Claude Code — через marketplace:

/plugin marketplace add rampstackco/claude-skills

# полный каталог (103 навыка)
/plugin install rampstack-skills@rampstack

# сфокусированные наборы
/plugin install rampstack-starter@rampstack
/plugin install rampstack-seo@rampstack
/plugin install rampstack-pm@rampstack

Есть и облегчённый marketplace rampstackco/plugins — только курируемые наборы без полного каталога.

Ручная установка в Claude Code:

# пользовательский уровень — доступно во всех проектах
mkdir -p ~/.claude/skills
cp -r skills/* ~/.claude/skills/

# уровень проекта
mkdir -p .claude/skills
cp -r /path/to/repo/skills/* .claude/skills/

На Claude.ai навыки загружаются как .zip через Settings → Capabilities → Skills, а в Anthropic API — через загрузку в workspace и ссылку по ID. Ставить все 103 не обязательно: библиотека модульная, каждый навык самодостаточен.

Как навыки компонуются

Навыки складываются в полный проектный конвейер:

brand-discovery → brand-identity → brand-style-guide → brand-voice
creative-brief → information-architecture → content-strategy → design-system
seo-keyword → seo-onpage → seo-technical → seo-competitor
frontend-component-build → accessibility-audit → performance-optimization
code-review-web → qa-testing → security-baseline → launch-runbook
incident-response → after-action-report
analytics-strategy → cro-optimization → ux-research → usability-testing

SEO-аудит-сьют на Ahrefs MCP оборачивается вокруг базовых SEO-навыков: seo-audit-orchestration оркестрирует seo-site-health-audit, seo-backlink-audit, seo-keyword-gap-audit, seo-content-gap-audit, seo-traffic-diagnosis и seo-rank-tracking.

Быстрый пример

Навыки срабатывают автоматически по смыслу запроса. Спрашиваете:

«Наш органический трафик упал на 30% за неделю. Помоги разобраться почему»

Claude распознаёт seo-traffic-diagnosis и проводит через 5-слойный фреймворк поиска первопричины: подтвердить, что изменение реальное → локализовать → анализ на уровне страниц → технический анализ → внешний анализ. На выходе — гипотеза, доказательства и план действий в едином формате.

Принципы и качество

Каталог построен на трёх принципах из рекомендаций Anthropic Building effective agents:

  1. Простота — один навык решает одну задачу; сложные workflow получаются композицией
  2. Прозрачность — скоуп, зависимости и ожидаемое поведение объявлены в YAML frontmatter
  3. Качество через тулинг — структурные проверки автоматизированы (python .github/scripts/lint_skills.py), каждый навык валидируется по схеме, все изменения проходят CI

Семейные репозитории

Полный каталог — не единственный вариант. Есть курируемые подмножества:

Репозиторий Фокус Навыков
claude-skills Полный каталог 103
claude-skills-starter Универсальный lite-набор 14
claude-skills-seo SEO-консалтинг 12
claude-skills-pm Продакт-менеджмент 12
claude-skills-widgets UI-паттерны и компоненты 65 + 32

Помимо навыков, в основном репозитории лежит tier workflows — пятнадцать multi-skill runbook'ов с коннекторами и опубликованными отчётами о запусках.

Кому подойдёт

Каталог особенно полезен, если вы ведёте сайт как продукт: маркетинг, контент и SEO в нём проработаны не хуже разработки. Для чисто инженерных задач (TDD, рефакторинг, агентные методологии) лучше смотрятся специализированные библиотеки вроде Superpowers, а RampStack закрывает всё, что вокруг сайта: от нейминга бренда до постмортема после инцидента.

Источник: https://github.com/rampstackco/claude-skills