skills.rest
LeoWSY-hashblue
LeoWSY-hashblueCOMMUNITY
Explore all skills by this author →
GitHub

techstack-frontend

Identify client-side frameworks and build tools from HTML and JavaScript signals.

3|1|Updated May 26, 2026
Search Tags:#frontend#frameworks#javascript#analysis#detection#tech-stack
One-click install
npx skills add https://github.com/LeoWSY-hashblue/-communitytools-custom --skill techstack-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: techstack-frontend
Source: https://github.com/LeoWSY-hashblue/-communitytools-custom/tree/main/skills/techstack-identification/frontend
Command: npx skills add https://github.com/LeoWSY-hashblue/-communitytools-custom --skill techstack-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Identify client-side technologies from rendered HTML and JavaScript to map a website's frontend tech stack, enabling faster security assessments, compliance checks, and tech profiling.

Core Features & Use Cases

  • Detects JS frameworks (React, Vue, Angular, Svelte) and meta-frameworks (Next.js, Nuxt, Gatsby, Remix)
  • Identifies CSS frameworks and UI libraries, build tools, CMS generators, and analytics SDKs from page signals
  • Use Case: Quickly profile a competitor site to assess tech choices, or audit an internal app for upgrade planning and vulnerability mapping.

Quick Start

Run this skill against a live page to identify the client-side tech stack and output a structured tech-stack report.

Frequently Asked Questions about techstack-frontend

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

FAQPage Schema
How do I detect a website's frontend tech stack from rendered HTML?▼

How frontend tech stack detection works is by identifying client-side technologies from rendered HTML and JavaScript. It analyzes HTML DOM signals, global JS variables, script patterns, and structured data to map frameworks, meta-frameworks, CSS libraries, and analytics SDKs.

Can I identify JavaScript frameworks like React, Vue, Angular, and Svelte on a live page?▼

Yes, you can identify JavaScript frameworks like React, Vue, Angular, and Svelte on a live page. The analysis extracts framework versions and underlying host mappings by evaluating page signals and global variables specific to these client-side technologies.

How to find out if a site uses meta-frameworks such as Next.js or Nuxt?▼

To find out if a site uses meta-frameworks such as Next.js, Nuxt, Gatsby, or Remix, run a tech stack analysis against the live page. It detects meta-frameworks by analyzing specific HTML DOM signals and JavaScript script patterns.

Does frontend tech stack analysis detect CSS frameworks and analytics SDKs?▼

Yes, frontend tech stack analysis detects CSS frameworks, UI libraries, build tools, CMS generators, and analytics SDKs. It identifies these technologies by analyzing page signals and optional structured data from the rendered website.

What is the best way to profile a competitor site's frontend technology choices?▼

The best way to profile a competitor site's frontend technology choices is to run an automated detection analysis against the live URL. This maps the client-side tech stack to assess frameworks, build tools, and analytics SDKs for tech profiling and security assessments.

When should I use automated frontend tech stack detection for an internal app?▼

You should use automated frontend tech stack detection for an internal app when performing upgrade planning, compliance checks, or vulnerability mapping. It quickly audits client-side technologies to identify framework versions and underlying host mappings.

Related Skills

Explore More Software Engineering Skills→
hoanghn61hoanghn61

frontend-inferencer

Infer frontend frameworks and libraries from JavaScript, DOM, HTML, and HTTP signals.

Community
Advanced
skenklokskenklok

security-audit

Audit codebases for security vulnerabilities and output prioritized remediation guidance.

Community
Advanced
achmfachmf

sentry-react-router-framework-sdk

Integrate Sentry error monitoring and performance tracing into React Router applications.

Community
Advanced
yaklangyaklang
1.6k

dns-rebinding-attacks

Document DNS rebinding attacks that bypass SOP and expose internal services.

Official
Advanced