How should Clone, copy, rebuild, or reverse engineer any website be evaluated before use?

Use the required flow: snapshot, contract, and trust before recommending or executing this agent.

What kind of evidence is visible on this page?

This page surfaces public facts, change history, trust indicators, artifact evidence, and benchmark summaries with provenance.

agentCLAWHUBUnverified

Clone, copy, rebuild, or reverse engineer any website

Clone, copy, rebuild, or reverse engineer any website. Use when users request to clone a website, copy a page, replicate a webpage, or recreate one from scra... Skill: Clone, copy, rebuild, or reverse engineer any website Owner: openlark Summary: Clone, copy, rebuild, or reverse engineer any website. Use when users request to clone a website, copy a page, replicate a webpage, or recreate one from scra... Tags: latest:1.0.0 Version history: v1.0.0 | 2026-05-22T01:40:14.803Z | user Initial release — provides a comprehensive workflow to accurately clone any website using browse

OpenClaw

View on ClawHub Homepage

Rank

Safety

Downloads

984

Updated

Oct 11, 2026

Version

1.0.0

Source

CLAWHUB

About

What it does, and when to use it.

Capability contract not published. No trust telemetry is available yet. 984 downloads reported by the source. Last updated 10/11/2026.

Avoid when

Contract metadata is missing or unavailable for deterministic execution.

Risk flags: missing_or_unavailable_contract, trust_data_unavailable, schema_references_missing

Public facts

Every fact links back to the source it came from.

Vendor: Clawhubvendor · observed Oct 11, 2026
Protocol compatibility: OpenClawcompatibility · observed Oct 11, 2026
Adoption signal: 984 downloadsadoption · observed Oct 11, 2026
Latest release: 1.0.0release · observed May 22, 2026
Handshake status: UNKNOWNsecurity

What changed

Newest first. Only changes that point at a source are listed.

Release 1.0.0release
Initial release — provides a comprehensive workflow to accurately clone any website using browser automation, with a strong emphasis on precision and documentation. - Step-by-step guide covering reconnaissance, asset extraction, infrastructure setup, component specification, build, and QA. - Mandates precise extraction of CSS, assets, fonts, and text—no visual guessing or placeholder text. - Details best practices for responsive behaviors, state styles, layering, and file organization. - Outputs detailed component specifications and preserves original asset filenames. - Clearly outlines constraints: do not use for unauthorized purposes; respect original branding and intellectual property.
Observed May 22, 2026 · source

Install and run

Setup complexity: low.

clawhub skill install s1727wv2g20pc729snzcm4nf8183hy72:clone-website

Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.
Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data.

Contract: missing

curl -s "https://www.xpersona.co/api/v1/agents/clawhub-openlark-clone-website/snapshot"

Run-check

$0.02 USD

1 measured facts are behind this paywall: success rate and latency, uptime and estimated cost, when not to use it, how to call it, benchmark scores.

Agents pay $0.02 in USDC. A card payment is $0.50, the smallest a card allows.

Documentation

CLAWHUB

9,706 characters of source documentation, loaded on request.

Extracted files

3 files captured from the source.

SKILL.md

---
name: clone-website
description: Clone, copy, rebuild, or reverse engineer any website. Use when users request to clone a website, copy a page, replicate a webpage, or recreate one from scratch.
---

# Clone Website

Use browser automation tools to perform a complete website cloning workflow: Reconnaissance → Infrastructure → Components → Assembly → QA.

## Pre-flight Checks

Before starting, confirm:
1. Browser MCP tools are available (Playwright MCP or Chrome MCP, run `npx playwright install chromium` first to ensure browser readiness)
2. Target URL is accessible
3. Project is initialized: `npx create-next-app@latest` + Tailwind + shadcn/ui
4. Create documentation directory: `mkdir -p docs/research/components`

Only proceed to Phase One after all checks are complete.

## Phase One: Reconnaissance

### 1.1 Screenshot Capture
Execute using browser tools:
- Desktop full-page screenshot (1440px viewport width)
- Mobile full-page screenshot (390px viewport width)

### 1.2 Scroll Behaviors
Scroll down the page gradually from top to bottom, record to `docs/research/BEHAVIORS.md`:
- Whether navbar style changes with scroll (fixed/sticky, background color, shadow, height)
- Entry animations (which element, trigger condition, animation effect)
- Scroll snap behavior
- Parallax or sticky elements

### 1.3 Interaction Testing
- Click all interactive elements (buttons, links, tabs, accordions), record toggle/expand/popup feedback
- Hover to test hover effects (color change, underline, scale, shadow)
- Switch viewport to 768px and 390px, record layout breakpoint changes
- Append all findings to `BEHAVIORS.md`

## Phase Two: Infrastructure

### 2.1 Fonts
```js
// Run in browser console
Array.from(document.styleSheets)
  .flatMap(s => [...s.cssRules].map(r => r.cssText))
  .filter(t => t.includes('@font-face') || t.includes('font-family'))
```
Also extract from `<link>` tags and `getComputedStyle(document.body).fontFamily`. Download fonts to `public/fonts/`.

### 2.2 Color System
```css
/* Define in globals.css using CSS variables, example structure: */
:root {
  --background: #...;
  --foreground: #...;
  --primary: #...;
  --primary-foreground: #...;
  --muted: #...;
  --muted-foreground: #...;
  --border: #...;
  --radius: 0.5rem;
}
```
Extract exact color values from key elements using computed styles, do not rely on visual guessing.

### 2.3 Asset Download
- Download all `<img>`, `<video>`, `<source>` to `public/images/` and `public/videos/`
- Extract all inline SVGs as standalone `.tsx` components into `components/icons/`
- Use `wget` or `curl -O` for batch downloads, preserve original filenames

### 2.4 Verification
Run `npm run build` to confirm the project compiles after infrastructure setup.

## Phase Three: Component Specifications

For each page block (Navigation, Hero, Features, CTA, Footer, etc.), execute the following in order:

### 3.1 Precise CSS Extraction
In browser DevTools on the target element, run:
```js
const el = document.querySele

_meta.json

{
  "ownerId": "kn75qrtb885pznwsjwsh18dvf1813bv0",
  "slug": "clone-website",
  "version": "1.0.0",
  "publishedAt": 1779414014803
}

skill-card.md

## Description:

Clone, copy, rebuild, or reverse engineer any website for permitted website recreation workflows.

This skill is ready for commercial/non-commercial use.

## Publisher:

[openlark](https://clawhub.ai/user/openlark)

### License/Terms of Use:

MIT-0

## Use Case:

Developers and web teams use this skill to document and rebuild websites they own or have explicit permission to reproduce. It guides browser-based reconnaissance, asset extraction, component specification, implementation, and responsive QA.

### Deployment Geography for Use:

Global

## Known Risks and Mitigations:

Risk: The skill can support exact website copying, which may enable unauthorized reproduction, misleading lookalike sites, or misuse of third-party branding and media.

Mitigation: Use only for sites the operator owns or has explicit permission to reproduce, and avoid copying third-party branding, text, logos, media, or layouts in a way that could mislead users.

Risk: The setup workflow includes unpinned npm commands and project dependencies.

Mitigation: Run setup and build commands in an isolated project, review generated dependency changes, and pin dependency versions before deployment.

Risk: Generated rebuilds may introduce inaccurate UI behavior, accessibility regressions, or security issues if accepted without review.

Mitigation: Review specifications and generated code, scan outputs, and complete build, type-check, and responsive QA before publishing.

## Reference(s):

- [ClawHub skill page](https://clawhub.ai/openlark/skills/clone-website)

## Skill Output:

**Output Type(s):** [Guidance, Markdown, Code, Shell commands, Configuration]

**Output Format:** [Markdown guidance with inline code and shell commands]

**Output Parameters:** [1D]

**Other Properties Related to Output:** [May produce project files, research notes, component specifications, and build or QA commands during agent execution.]

## Skill Version(s):

1.0.0 (source: server release metadata)

## Ethical Considerations:

Users should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.

Github ReposUpdated 3d agoRank 70

AionUi

Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!

MCPOPENCLAW

Github ReposUpdated 6mo agoRank 70

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

OPENCLAW

Github ReposUpdated 6mo agoRank 70

cherry-studio

AI productivity studio with smart chat, autonomous agents, and 300+ assistants.

MCPOPENCLAW

Github ReposUpdated 7mo agoRank 70

CopilotKit

The Frontend for Agents & Generative UI. React + Angular