К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

paywall-upgrade-cro · nexu-io — скилл для Claude Code: дизайн paywall и экранов

Скилл помогает проектировать и оптимизировать экраны апгрейда, paywall и модальные окна upsell. Пригодится при работе над конверсией в SaaS и экспериментах с pricing-страницами.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add nexu-io/open-design --skill paywall-upgrade-cro -a claude-code
Открыть на GitHub

Что делает paywall-upgrade-cro

paywall-upgrade-cro предоставляет готовые подходы к дизайну экранов, которые побуждают пользователей переходить на платные тарифы. Скилл интегрирует систему проектирования и рекомендации из категории marketing-creative, позволяя быстро макетировать и тестировать различные варианты layout, копирайта и call-to-action.

Внутри — заготовки для upsell-модалей, upgrade-экранов и pricing-страниц, которые можно адаптировать под конкретный продукт. Скилл работает в режиме design-system, то есть предлагает системный подход к решению, а не разовый шаблон.

Для полноты можно обратиться к исходному хранилищу marketingskills — там находятся дополнительные ассеты и примеры. Установка занимает одну команду, после чего агент будет предлагать этот скилл при упоминании paywall, upgrade-screen или upsell-modal.

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

  • спроектировать paywall, который не отпугивает пользователя
  • подобрать текст и визуальную иерархию для upgrade-экрана
  • создать upsell-модальное окно, которое склоняет к покупке
  • подготовить несколько вариантов pricing-страницы для A/B-тестирования
  • оптимизировать конверсию на экране выбора тарифа

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

  • Помоги спроектировать paywall для SaaS с тремя уровнями подписки
  • Создай upsell-модальное окно для увеличения ARPU
  • Подготовь варианты upgrade-экрана и советы по оптимизации конверсии

Как установить paywall-upgrade-cro

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill paywall-upgrade-cro -a claude-code

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

~/.claude/skills/paywall-upgrade-cro/SKILL.md

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

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

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок apple-hig nexu-io Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. Claude Code CX Codex Cursor +1 3 200установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок d3-visualization nexu-io Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов. Claude Code CX Codex Cursor +1 3 100установок

Другие версии paywall-upgrade-cro

paywall-upgrade-cro Alireza Rezvani Скилл помогает проектировать пейволлы, экраны апгрейда и лимитов внутри продукта. Нужен для перехода пользователей с бесплатных тарифов на платные после получения ценности. Claude Code 586установок

Похожие

gsap-framer-scroll-animation официальный Utkarsh Patrikar Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS. GitHub Copilot 3 900установок magic-ui magicuidesign Скилл magic-ui учит Claude Code работать с компонентами Magic UI в React и Next.js: выбирать анимации, ставить через shadcn-реестр и проверять доступность. Claude Code CX Codex Cursor +1 1 200установок draw-io-diagram-generator официальный github Создаёт и правит диаграммы draw.io в файлах .drawio, .drawio.svg и .drawio.png. Нужен, когда диаграмму требуется получить прямо из запроса к агенту. GitHub Copilot 2 800установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. Claude Code 979 543установок

Вопросы о paywall-upgrade-cro

Как установить paywall-upgrade-cro в Claude Code?

Запусти команду npx skills add nexu-io/open-design --skill paywall-upgrade-cro -a claude-code. После установки скилл появится в ~/.claude/skills/paywall-upgrade-cro/SKILL.md и будет доступен агенту.

Что делает paywall-upgrade-cro?

Скилл предоставляет заготовки и подходы для проектирования экранов апгрейда, paywall и upsell-модалей. Помогает подобрать layout, копирайт и визуальную иерархию для максимизации конверсии в SaaS.

Откуда берёт материалы paywall-upgrade-cro?

Скилл основан на методике marketing-creative из хранилища marketingskills. Дополнительные примеры и ассеты можно найти в исходном репозитории на GitHub.

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

SKILL.md · Apache-2.0 
---
name: paywall-upgrade-cro
description: |
  Design and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.
triggers:
  - "paywall"
  - "upgrade screen"
  - "cro paywall"
  - "upsell modal"
  - "pricing screen"
od:
  mode: design-system
  category: marketing-creative
  upstream: "https://github.com/coreyhaines31/marketingskills"
---

# paywall-upgrade-cro

> Curated from Corey Haines.

## What it does

Design and optimize upgrade screens, paywalls, and upsell modals. Useful for SaaS conversion design and pricing-page experiments.

## Source

- Upstream: https://github.com/coreyhaines31/marketingskills
- Category: `marketing-creative`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/coreyhaines31/marketingskills
```

Then ask the agent to invoke this skill by name (`paywall-upgrade-cro`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

Смотрите также

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

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

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