explore-app

Crawl web app screens with Playwright to extract design tokens and infer API schemas.

1|1|Updated Mar 12, 2026
One-click install
npx skills add https://github.com/DisposableByDefault/the-skill-vault --skill explore-app
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: explore-app
Source: https://github.com/DisposableByDefault/the-skill-vault/tree/main/prototype-to-ticket/explore-app
Command: npx skills add https://github.com/DisposableByDefault/the-skill-vault --skill explore-app

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Crawling a web app to systematically map screens, extract the design system, and infer API data needs to generate a concrete ticket or user-story plan for teams.

Core Features & Use Cases

  • Crawl a web app with Playwright to snapshot every page and state, catalog UI components, and capture design system tokens.
  • Infer API data requirements and produce a plan that can be turned into tickets or user stories for development.
  • Support resumable explorations via project config and progress logs, enabling follow-on detailing with /detail-exploration.

Quick Start

Provide a URL to explore and let the skill produce a ticket or user story plan.

Frequently Asked Questions about explore-app

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

FAQPage Schema
How do I crawl a web app to extract the design system and map screens?

You can crawl a web app using Playwright to snapshot every page and interactive state, catalog UI components, and capture design system tokens. This process systematically maps screens and extracts the design system for analysis.

How to infer API data requirements from UI and design tokens?

Inferring API data requirements from UI and design tokens involves analyzing crawled screens to produce required API schemas. These inferred schemas are generated as end-to-end plans based on extracted UI components and design tokens.

Can I generate user stories and ticket plans from a web crawl?

Yes, you can generate user stories and ticket plans from a web crawl. By crawling a web app to map screens and infer API needs, the tool produces a configurable output proposing a concrete ticket or user-story plan for development teams.

Does the web crawl pipeline support resuming exploration across routes?

Yes, the web crawl pipeline supports resuming exploration across routes. It uses project config and progress logs to enable resumable explorations, allowing you to pause and resume follow-on detailing across interactive states.

Do I need Playwright to map screens and capture design tokens?

Yes, you need Playwright to map screens and capture design tokens effectively. The tool relies on Playwright to automate the browser, snapshot pages, and interact with the web app to extract the design system and infer API data requirements.