skills.rest
shuff57
shuff57COMMUNITY
Explore all skills by this author →
GitHub

site-profiler

Map interactive webpage elements and interaction workflows using Playwright and JavaScript.

Updated Mar 29, 2026
Search Tags:#browser automation#web scraping#web automation#workflow discovery#interactive element mapping
One-click install
npx skills add https://github.com/shuff57/agent-evo --skill site-profiler
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: site-profiler
Source: https://github.com/shuff57/agent-evo/tree/main/skills/.archive/site-profiler
Command: npx skills add https://github.com/shuff57/agent-evo --skill site-profiler

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the mapping of a webpage's interactive elements and discovery of interaction workflows, reducing the time and complexity involved in developing browser automation scripts.

Core Features & Use Cases

  • Interactive Element Mapping: Automatically identify and map interactive elements like buttons, links, forms, and iframes on a webpage.
  • Workflows Discovery: Discover and record reusable interaction workflows for automated actions on webpages.
  • Use Case: When building automated testing scripts for a web application, use the site-profiler Skill to quickly identify all actionable elements and capture interaction sequences for automation.

Quick Start

Profile the interactive elements on the current webpage using the 'site-profiler' Skill.

Frequently Asked Questions about site-profiler

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

FAQPage Schema
How do I map interactive elements on a webpage for browser automation?▼

You can map interactive elements by running an automated profiling script that identifies buttons, links, forms, and iframes on a webpage. This captures reusable interaction workflows for automated testing and web scraping.

What is interactive element mapping for automated testing?▼

Interactive element mapping automatically identifies actionable webpage components like buttons and forms to record reusable interaction workflows. This reduces the time and complexity involved in developing automated testing and web scraping scripts.

Do I need Playwright to discover interaction workflows on webpages?▼

Yes, Playwright is required. You need Playwright and JavaScript to execute operations on the web page and automatically profile interactive elements. The workflow discovery relies on Playwright to automate interactions on the target webpage.

Does this approach work for mapping iframes and forms during web scraping?▼

Yes, automated webpage profiling supports web scraping by identifying and mapping interactive elements including forms and iframes. It discovers and records reusable interaction workflows to automate actions on these elements during scraping operations.

What is the best way to identify actionable webpage elements for user interface exploration?▼

Using automated webpage profiling is an efficient way to identify actionable elements for user interface exploration. It automatically maps interactive elements and captures interaction sequences, reducing the complexity of building automation scripts.

Related Skills

Explore More Software Engineering Skills→
yoshisadayoshisada

kiln-qa-setup

Install Playwright and scaffold QA infrastructure with a generated test matrix.

Community
Intermediate
abhishekdutta18abhishekdutta18

browser-qa

Automate visual, functional, and accessibility testing of web pages.

Community
Intermediate
TinyAGITinyAGI
3.6k

agent-browser

Automate browser navigation, form filling, and data extraction via scripting.

Official
Advanced
ivalsarajivalsaraj
7

highlight

Highlight matching DOM elements with a CSS outline and clear them.

Community
Basic