Can it detect which frameworks a website is built with?

Yes, it can identify popular technologies like React, Next.js, Vue.js, Angular, and Svelte by inspecting window objects and specific DOM markers.

Can it extract contact information from a page?

Yes, the skill includes Python-based regex patterns to automatically identify and extract emails, phone numbers, and dates from the page text.

What does the Web Page Analysis skill do?

It allows Claude to navigate to any URL and provide a detailed breakdown of its content, visual layout, interactive elements, and technical infrastructure.

How does it handle long or scrollable pages?

The skill includes viewport and scroll analysis, allowing Claude to determine page length and use scroll commands to analyze content below the fold.

Is this skill useful for SEO professionals?

Absolutely. It extracts meta tags, canonical URLs, and Open Graph data while providing a full hierarchy of heading tags (H1-H6) to audit content structure.

Web Page Analysis

Name: Web Page Analysis
Author: UofT-CSC490-W2026

byUofT-CSC490-W2026

•

Browser Automation

Analyzes web page structure, content, and technology stacks to provide comprehensive site audits and data extraction insights.

The Page Analysis skill empowers Claude to perform deep-dive inspections of any website by navigating through the DOM and executing Python-based browser commands via the OpenBrowser-AI framework. It extracts critical metadata, identifies underlying web frameworks like React or Next.js, maps out interactive elements, and generates content statistics such as heading hierarchies and link density. Whether you need to audit a site's SEO, understand a complex layout, or harvest specific patterns like contact information, this skill provides a structured and automated way to interpret and summarize web content.

Key Features

01Comprehensive content statistics for headings, links, forms, and media

02Pattern-based data extraction for emails, phone numbers, and dates using regex

03Automated technology stack detection for frameworks like React, Next.js, and Vue

043 GitHub stars

05Interactive element mapping with selector tracking for automation prep

06Deep DOM and metadata extraction including Open Graph and canonical tags

Use Cases

01Performing technical SEO audits and metadata consistency checks

02Scouting interactive elements to prepare for complex browser automation tasks

03Conducting competitor research to identify site architecture and tech stacks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add uoft-csc490-w2026/openbrowser-ai page-analysis

For use in Claude.ai and ChatGPT

Download Skill