# web-to-prd

Сканирует веб-приложение через Playwright, формирует PRD с историями задач и выгружает готовую структуру в Notion.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 109
- Автор: c0x12c
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/c0x12c/ai-toolkit/tree/HEAD/toolkit/skills/web-to-prd/SKILL.md
- Обновлён: 2026-06-18
- HTML: https://affpapa.org/nevibecode/skills/web-to-prd

## Что делает

Скилл открывает сайт через Playwright и переходит по страницам, чтобы зафиксировать элементы интерфейса. Собранные экраны группируются по функциональным областям. На их основе агент составляет PRD, пользовательские истории и перечень задач с зависимостями.

Для экспорта нужен Notion MCP, создающий связанные базы данных в рабочем пространстве. Первичный обход страниц можно ускорить через опциональный Firecrawl MCP, хотя для работы хватает одного Playwright.

Инструменты MCP загружаются только при старте Claude Code. Подключить их посреди активной сессии невозможно: агент не распознает изменения без перезапуска. Для сайтов с авторизацией используется изолированный профиль `~/.playwright-profile`. Это защищает браузер от расширений Chrome, которые регулярно вызывают сбои по тайм-ауту.

## Требования
- Работает с: Playwright, Notion

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/web-to-prd/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/web-to-prd/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/web-to-prd/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/web-to-prd/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install c0x12c/ai-toolkit web-to-prd
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/web-to-prd/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/c0x12c/ai-toolkit --path toolkit/skills/web-to-prd
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/web-to-prd/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/c0x12c/ai-toolkit/tree/HEAD/toolkit/skills/web-to-prd/SKILL.md

## Когда брать
- составить PRD и бэклог по интерфейсу работающего веб-сервиса
- разобрать функциональность конкурирующего продукта через браузер
- выгрузить структуру эпиков и пользовательских историй в Notion
- описать проект перед передачей новой команде разработчиков

## Примеры запросов агенту
- /spartan:web-to-prd
- Изучи интерфейс открытого веб-приложения и создай базу задач в Notion
- Просканируй рабочий сервис через браузер и подготовь PRD с историями

## Похожие
- [agent-browser](https://affpapa.org/nevibecode/skills/vercel-labs-agent-browser.md) — скилл · 1200000 установок
- [webapp-testing](https://affpapa.org/nevibecode/skills/webapp-testing.md) — скилл · 186758 установок
- [computer-use](https://affpapa.org/nevibecode/skills/computer-use.md) — скилл · 239600 установок
- [browser-use](https://affpapa.org/nevibecode/skills/browser-use.md) — скилл · 98200 установок
- [playwright-cli](https://affpapa.org/nevibecode/skills/playwright-cli.md) — скилл · 195700 установок
- [last30days](https://affpapa.org/nevibecode/skills/last30days.md) — скилл · 53000 установок

Из того же набора: [c0x12c/ai-toolkit](https://affpapa.org/nevibecode/by/c0x12c/ai-toolkit.md) — 33 карточки

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md