skills.rest
Choco-emmm
Choco-emmmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

glmv-web-replication

Replicate public website frontends into client-side replicas with Playwright MCP.

7|Updated May 8, 2026
Search Tags:#authorization#frontend#blueprint#replication#playwright#screenshot
One-click install
npx skills add https://github.com/Choco-emmm/MoodCopilot --skill glmv-web-replication-choco-emmm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: glmv-web-replication
Source: https://github.com/Choco-emmm/MoodCopilot/tree/main/.agents/skills/glmv-web-replication
Command: npx skills add https://github.com/Choco-emmm/MoodCopilot --skill glmv-web-replication-choco-emmm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables users to create frontend visual replicas of public website pages to study layout and design without accessing backend logic. It emphasizes authorization and safety.

Core Features & Use Cases

  • Frontend visual replication of publicly visible pages using Playwright MCP or agent-browser.
  • Generates a structured blueprint with pages, screenshots, assets, and an explicit navigation graph.
  • Not reproduce backend logic, server-side behavior, or non-public content.

Quick Start

Confirm you own or have explicit permission to replicate the target site, then start the replication workflow for its public pages.

Frequently Asked Questions about glmv-web-replication

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

FAQPage Schema
How do I replicate a website's frontend design for study and prototyping?▼

You can replicate a website's frontend design by using a skill that captures public visuals and layouts to generate a structured blueprint and a client-side replica for educational exploration.

Can I use Playwright to clone a webpage's layout and interaction patterns?▼

Yes, you can use Playwright to explore live public pages, capture screenshots, and map the navigation graph to reproduce a webpage's layout and interaction patterns safely.

Do I need authorization to create a frontend replica of a public website?▼

Yes, you must pass an authorization gate confirming you own or have explicit permission to replicate the target site before capturing any frontend visuals or assets.

What is included in a frontend replication blueprint?▼

A frontend replication blueprint includes structured details of pages, screenshots, assets, and an explicit navigation graph to document the visual layout without backend logic.

Does frontend replication reproduce a website's backend logic and server-side behavior?▼

No, frontend replication strictly avoids reproducing backend logic, server-side behavior, or non-public content, focusing solely on publicly accessible visual design and layout.

Related Skills

Explore More Design & Creative Skills→
vebeszvebesz

seo-audit

Crawl live sites to identify and fix technical and on-page SEO issues.

Community
Advanced
mchien15mchien15

frontend-design

Convert design references into reusable HTML/CSS/JS components and design tokens.

Community
Advanced
xpert-aixpert-ai
8

url-to-code

Clone live web URLs into runnable frontend-only local prototypes.

Official
Advanced
SoborboSoborbo
4

competitor-analysis

Analyze up to five competitor websites to extract marketing data into YAML.

Community
Basic