skills.rest
c0x12c
c0x12cOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-to-prd

Crawl a live web app with Playwright MCP and generate a PRD with priorities and dependencies.

96|9|Updated Mar 21, 2026
Search Tags:#epics#playwright#feature-extraction#prd-generation#notion-export#web-crawl
One-click install
npx skills add https://github.com/c0x12c/ai-toolkit --skill web-to-prd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-to-prd
Source: https://github.com/c0x12c/ai-toolkit/tree/main/.codex/skills/web-to-prd
Command: npx skills add https://github.com/c0x12c/ai-toolkit --skill web-to-prd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scans a live web application to uncover features, map them into organized epics, and produce a complete PRD with priorities and dependencies, ready for Notion export.

Core Features & Use Cases

  • End-to-end discovery: crawl the app with Playwright MCPs to build a feature catalog and epic structure.
  • PRD generation: produce structured documentation including epics, user stories, and acceptance criteria, with screenshots for context.
  • Notion export: optionally push the PRD and epics into Notion for backlog planning and collaboration.
  • Use Case: a product manager onboarding a new app can quickly generate a production-ready PRD from a live product.

Quick Start

Initiate a crawl of your live app and review the generated PRD.

Frequently Asked Questions about web-to-prd

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a PRD from an existing web app?▼

To generate a PRD from an existing web app, you can crawl the live application using Playwright to extract features, map them into epics and user stories, and automatically produce structured documentation with priorities and dependencies.

Do I need Playwright and Notion MCP to extract features from a live website?▼

Playwright MCP is required to crawl the live website and extract features, while Notion MCP is an optional prerequisite used specifically to export and push the generated PRD documentation directly into Notion.

Can I export epics and user stories to Notion from a crawled web application?▼

You can export epics and user stories to Notion from a crawled web application by using the Notion MCP integration, which pushes the structured PRD and backlog items directly into your workspace for collaboration.

What is the best way to document features from a live web app for product management?▼

The best way to document features from a live web app is to automate crawling and feature extraction to build a catalog, then map the findings into organized epics, user stories, and acceptance criteria with screenshots for context.

Where is the generated PRD stored if I do not connect the Notion MCP?▼

If you do not connect the Notion MCP for export, the generated PRD is saved using local storage as the default fallback, ensuring your structured documentation, epics, and stories are still preserved locally.

Related Skills

Explore More Product & Management Skills→
nonputtipongnonputtipong

playwright-mcp

Automate live browser interactions via Playwright MCP server tools.

Community
Intermediate
miles990miles990
19

project-management

Plan and execute projects with Agile/Scrum, Gantt scheduling, and risk management.

Community
Intermediate
caobingshengcaobingsheng
1

spa-doc-extractor

Extract technical documentation from Vue, React, and Angular SPA sites.

Community
Intermediate
christopher-busschristopher-buss
6

to-prd

Generate a Product Requirements Document from conversation context and codebase understanding.

Community
Intermediate