web-to-prd — скилл для Claude Code: что делает и как установить
Сканирует веб-приложение через Playwright, формирует PRD с историями задач и выгружает готовую структуру в Notion.
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a claude-codeЧто делает web-to-prd
Скилл открывает сайт через Playwright и переходит по страницам, чтобы зафиксировать элементы интерфейса. Собранные экраны группируются по функциональным областям. На их основе агент составляет PRD, пользовательские истории и перечень задач с зависимостями.
Для экспорта нужен Notion MCP, создающий связанные базы данных в рабочем пространстве. Первичный обход страниц можно ускорить через опциональный Firecrawl MCP, хотя для работы хватает одного Playwright.
Инструменты MCP загружаются только при старте Claude Code. Подключить их посреди активной сессии невозможно: агент не распознает изменения без перезапуска. Для сайтов с авторизацией используется изолированный профиль ~/.playwright-profile. Это защищает браузер от расширений Chrome, которые регулярно вызывают сбои по тайм-ауту.
Какие задачи решает
- составить PRD и бэклог по интерфейсу работающего веб-сервиса
- разобрать функциональность конкурирующего продукта через браузер
- выгрузить структуру эпиков и пользовательских историй в Notion
- описать проект перед передачей новой команде разработчиков
Примеры запросов агенту
- /spartan:web-to-prd
- Изучи интерфейс открытого веб-приложения и создай базу задач в Notion
- Просканируй рабочий сервис через браузер и подготовь PRD с историями
Как установить web-to-prd
1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a claude-code2Вручную: положить файлы
~/.claude/skills/web-to-prd/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/web-to-prd/
1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a codex2Вручную: положить файлы
.agents/skills/web-to-prd/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a cursor2Вручную: положить файлы
.cursor/skills/web-to-prd/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install c0x12c/ai-toolkit web-to-prd2Вручную: положить файлы
.github/skills/web-to-prd/SKILL.md1Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a gemini-cli2Командой платформы
gemini skills install https://github.com/c0x12c/ai-toolkit --path toolkit/skills/web-to-prdВручную: положить файлы
.devin/skills/web-to-prd/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add c0x12c/ai-toolkit --skill web-to-prd -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о web-to-prd
Как установить web-to-prd в Claude Code?
Выполните команду npx skills add c0x12c/ai-toolkit --skill web-to-prd -a claude-code. Файл скилла будет размещён по пути ~/.claude/skills/web-to-prd/SKILL.md.
Что делает скилл web-to-prd?
Он обходит веб-интерфейс с помощью Playwright, определяет ключевые функции и генерирует PRD со связанными задачами для переноса в Notion.
Какие серверы MCP требуются для запуска?
Обязательно нужен Playwright MCP для управления браузером, а также Notion MCP для создания страниц и баз данных. Сервер Firecrawl MCP остаётся опциональным.
