← ClaudeAtlas

map-web-applisted

Reverse-engineer an unknown web app through a real browser until its data model and CRUD operations are fully mapped, then codify that into a reusable CLI plus a skill so the next session starts from a contract instead of re-exploring. Use when the user wants to automate, script, or build a CLI for a website that has no usable API - "automate X for me", "build me a CLI for X", "can you script X", "I want to do CRUD on X programmatically", "figure out how X works so we can automate it". Also use before any long browser-automation task on an unfamiliar site, so the mapping is captured instead of thrown away.
magnusrodseth/dotfiles · ★ 2 · Web & Frontend · score 68
Install: claude install-skill magnusrodseth/dotfiles
# map-web-app Turn an unknown web app into a scriptable interface. The output is **not** a one-off automation run. It is a CLI plus a written DOM contract, so the next session and the next agent start from a mapped system instead of re-deriving it by clicking around. **The core discipline: explore exhaustively before writing anything.** Map every entity, every CRUD operation, and every field's widget type first. Scripts written mid-exploration encode wrong assumptions, and those assumptions fail silently. ## Phase 0: do not scrape if you do not have to **Always spend the first five minutes here.** Scraping is the expensive path; take it only after ruling out the cheap ones, in this order: 1. **An official REST/GraphQL API.** Check `/api`, `/settings?developer`, the docs site, and the footer. 2. **Is it paywalled?** A documented API you cannot use is not an option. Verify the account can actually mint a key, do not just confirm the endpoint exists. 3. **A published CLI, SDK, or MCP server.** Search before building. 4. **A bulk export.** Even read-only export beats scraping reads. 5. **The app's own XHR calls.** Intercept the network while clicking. Sometimes an internal JSON API is usable with session cookies, which is far more stable than the DOM. Only when all five fail do you scrape the DOM. > Record the outcome of this check in the skill you write. "The API is Pro-only" is the single most useful sentence in the artifact, because it stops the next agent re-investiga