javascript-dom-analysis
CommunityIdentify frontend frameworks from page behavior.
Software Engineering#frontend#javascript#framework detection#dom analysis#source maps#bundle fingerprinting#technology reconnaissance
Authorhoanghn61
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps you quickly determine which frontend frameworks and libraries power a website, reducing time spent on manual investigation and guesswork.
Core Features & Use Cases
- Detects frameworks via runtime signals: Identifies likely technologies by matching JavaScript global variables and framework-specific hooks in the browser context.
- Detects frameworks via DOM patterns: Finds framework-related DOM attributes and markers (including server-rendering and scoped-CSS conventions) to increase confidence.
- Fingerprints builds and meta-frameworks: Infers bundlers and platforms from common asset paths and filenames (e.g., Next.js/_next, Nuxt/_nuxt), and checks for exposed source maps to assess implementation details and security exposure.
- Use Case: You are auditing a competitor’s app and need to confirm whether it is using Next.js, Vue, or another stack, while also checking whether source maps are publicly accessible.
Quick Start
Use the javascript-dom-analysis skill to analyze a target website URL and return detected frameworks, bundle patterns, exposed source-map signals, and common analytics scripts.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: javascript-dom-analysis Download link: https://github.com/hoanghn61/.agents/archive/main.zip#javascript-dom-analysis Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.