К основному содержанию
скилл CX Codex

vertical-onboarding — скилл для Claude Code: суть и установка

Проектирует первый запуск и сценарий миграции пользователей с конкурирующих систем в SMB-сервисах. Фокусируется на импорте данных и пути до первой ценности за минуты.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add avelikiy/great_cto --skill vertical-onboarding -a claude-code
Открыть на GitHub

Что делает vertical-onboarding

Скилл превращает онбординг в чёткую воронку с одной ключевой вехой активации. Вместо пустого интерфейса пользователь на первом же экране видит импорт данных из старой системы вроде Toast или ServiceTitan с предпросмотром и подтверждением. Если файлов выгрузки ещё нет, сервис сразу подставляет тестовые данные.

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

Для внутренних инструментов без внешних пользователей этот сценарий не подходит. Результат работы фиксируется в виде готового раздела в архитектурной документации по путям docs/architecture/** или docs/design/**.

Какие задачи решает

  • спроектировать воронку переключения с конкурирующего сервиса
  • сократить время до первой ценности до считаных минут
  • добавить предпросмотр и откат импорта данных при первом входе
  • описать ключевую веху активации в архитектурном документе

Примеры запросов агенту

  • Спроектируй сценарий онбординга для сервиса бронирования с миграцией из Mindbody.
  • Опиши веху активации и первый запуск для приложения сметчиков в docs/architecture/onboarding.md.
  • Составь воронку переноса данных из Shopify с демонстрационным режимом для пустых аккаунтов.

Как установить vertical-onboarding

1Через Skills CLI (Vercel)

npx skills add avelikiy/great_cto --skill vertical-onboarding -a claude-code

2Вручную: положить файлы

~/.claude/skills/vertical-onboarding/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/vertical-onboarding/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о vertical-onboarding

Как установить vertical-onboarding в Claude Code?

Выполните команду npx skills add avelikiy/great_cto --skill vertical-onboarding -a claude-code. Конфигурация сохранится по пути ~/.claude/skills/vertical-onboarding/SKILL.md.

Что делает vertical-onboarding?

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

В каких ситуациях не стоит применять этот скилл?

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

Исходный текст

SKILL.md · MIT
---
name: vertical-onboarding
description: Onboarding-and-switching playbook for SMB Product-Builder products. Defines the first-run experience that turns a prospect leaving an incumbent (ServiceTitan/Toast/Mindbody/Shopify/QuickBooks) into an activated user — import-first onboarding, the activation milestone, sample-data fallback, and the time-to-first-value target. Applied by migration-import-engineer and architect/pm so onboarding is designed as a funnel, not an afterthought. Our whole wedge is "low switching cost"; this skill makes that real on day one.
when_to_use: |
  Apply when:
  - migration-import-engineer designs the import that feeds first-run
  - architect/pm specs the first-run / activation flow for a new product
  - a product's adoption depends on leaving an incumbent (any of the 40 products)
  Do NOT apply for internal tools with no external onboarding.
effort: low
allowed-tools: Read, Write, Grep, Glob
paths:
  - "docs/data-import/**"
  - "docs/architecture/**"
  - "docs/design/**"
---

# Vertical onboarding — switch them in, to first value, fast

The incumbent's moat is switching cost. Our wedge is dissolving it. Onboarding is where
that promise is kept or broken. **Design onboarding as a funnel with one activation
milestone, import-first.**

## 1. Import-first, not blank-slate

The default first-run path is **"bring your data from {incumbent}"**, powered by
`migration-import-engineer`'s import contract — not an empty dashboard the user must fill
by hand. A new user should see *their own* customers/jobs/menu/listings within minutes.

- Offer the import on screen one, with the named incumbent ("Import from ServiceTitan").
- Run it as a dry-run preview the user approves (the import contract's operator step).
- Provide a **sample-data fallback** ("Explore with example data") for users who can't
  export yet — never a dead empty state.

## 2. One activation milestone (define it per product)

Pick the single action that means "this user got value" — the north-star of onboarding.
Everything in first-run drives toward it. Examples:

| product | activation milestone |
|---|---|
| quoting (home services) | sent first priced quote |
| online-ordering (restaurants) | published menu + took first test order |
| class-booking (fitness) | imported members + first class booked |
| inventory (retail) | synced catalog + first reorder rule set |
| transaction-coordination (real estate) | first transaction checklist created |
| sponsorship-crm (creator) | first sponsor + deal stage |

Measure **time-to-first-value (TTFV)**; target minutes, not days. State the target in the
architecture doc.

## 3. The onboarding funnel (spec these steps)

```
1. Identify incumbent → 2. Import (dry-run → approve) → 3. Verify own data
→ 4. Complete the one setup the product needs → 5. Activation milestone → 6. Invite team
```

Each step: a clear single CTA, skippable where safe, resumable, and with progress shown.
Defer everything not on the path to the activation milestone.

## 4. Reduce setup to the minimum

- Pre-fill from imported data wherever possible (branding from the website, hours from the
  listing, tax rate from the address).
- Sensible defaults over required choices; advanced config lives in settings, not onboarding.
- One required integration max before activation (e.g. Stripe for quoting) — sequence the
  rest after first value.

## 5. Trust + reversibility

- Show what was imported and let the user undo a batch (ties to the import contract's
  rollback) — trust comes from "you can't break anything."
- Don't ask for payment details before the activation milestone unless the product is
  charge-to-use.

## Output

When applied, contribute an **Onboarding** section to the architecture or design doc:

```
## Onboarding
- incumbent(s): <names> → import via docs/data-import/IMPORT-{slug}.md
- activation milestone: <the one action>
- TTFV target: <minutes>
- funnel: identify → import(dry-run→approve) → verify → setup → activate → invite
- empty-state fallback: sample data
- required-before-activation: <≤1 integration>
```

© avelikiy · MIT · avelikiy/great_cto

Похожие скиллы

Все скиллы по теме «Дизайн» →
frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. CX Codex +1 678 700установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. 979 543установок codebase-design Matt Pocock Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam. 850 344установок

Из того же набора34

well-architected Проверяет архитектурные документы по шести направлениям: от безопасности и надёжности до затрат и энергопотребления. Помогает зафиксировать риски до выпуска. CX Codex +1 ★ 107звёзд репо verticals Скилл для Claude, Codex, Cursor и других агентов: подсказывает агенту, как устроена конкретная отрасль малого бизнеса, прежде чем писать спеку и код. CX Codex +1 ★ 107звёзд репо ui-ux-pro-max Скилл помогает проектировать и проверять веб- и мобильные интерфейсы: от выбора стиля до доступности и адаптивной вёрстки. CX Codex +1 ★ 107звёзд репо test-strategy Скилл для QA-инженера: превращает «покрытие 90%» в обоснованный план — что тестировать, почему именно это и как понять, что тесты действительно ловят баги. CX Codex +1 ★ 107звёзд репо stack-baseline Фиксирует эталонный стек технологий для новых проектов и запрещает агентам спорить о библиотеках при каждом скаффолдинге. CX Codex +1 ★ 107звёзд репо skeptical-triage Скилл перепроверяет спорные выводы ревью, аудита безопасности и QA в три раунда, после чего арбитр выносит итоговый вердикт. Помогает отсеивать ложные срабатывания, способные заблокировать релиз. CX Codex +1 ★ 107звёзд репо signing-preflight Проверяет до первого коммита, что ключ подписи загружен и разблокирован, и просит разблокировать его заранее. CX Codex +1 ★ 107звёзд репо secrets-rotation Переводит случайную утечку токена или пароля в отдельную задачу на отзыв и перевыпуск. Срабатывает, если секрет попал в чат, коммит или логи. CX Codex +1 ★ 107звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой