cloneit

Inspect and clone live websites locally with captured evidence.

Updated Apr 18, 2026
One-click install
npx skills add https://github.com/obinnanwachukwu1/skills --skill cloneit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cloneit
Source: https://github.com/obinnanwachukwu1/skills/tree/main/skills/cloneit
Command: npx skills add https://github.com/obinnanwachukwu1/skills --skill cloneit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Actively inspect and clone a live website or web app by using Computer Use to navigate, click, scroll, switch tabs, open menus, review auth and onboarding surfaces, inspect computed styles, capture evidence, and then recreate it locally in the current workspace. Use when Codex needs to closely reproduce a real product surface from a URL or visual reference, especially for interactive apps, dashboards, SaaS products, onboarding flows, login flows, or marketing pages where static screenshots are not enough.

Core Features & Use Cases

  • Active site inspection with Computer Use to navigate, click, scroll, switch tabs, open menus, review auth and onboarding surfaces, inspect computed styles, capture evidence, and then recreate it locally in the current workspace.
  • Emphasizes spacing, padding, typography, CSS fidelity, and above-the-fold composition.
  • Adapts an existing design language for a different product when requested.

Quick Start

Create a local run folder and begin inspecting the target live site with Computer Use to collect verifiable evidence and reproduce the surface locally.

Frequently Asked Questions about cloneit

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

FAQPage Schema
How do I clone a live web app interface with verifiable CSS fidelity?

To clone a live web app interface with CSS fidelity, you inspect the real site by navigating, clicking, and scrolling to capture evidence, then recreate it locally using a run folder, evidence ledger, and rebuild plan to preserve spacing and typography.

Can I reproduce interactive SaaS dashboards and onboarding flows from a live URL?

Yes, you can reproduce interactive SaaS dashboards and onboarding flows from a live URL by actively inspecting computed styles and capturing verifiable evidence of auth surfaces before rebuilding them locally.

What's the best way to inspect computed styles for a design system clone?

The best way to inspect computed styles for a design system clone is to use active site inspection to navigate menus and tabs, capture evidence of spacing and padding, and enforce a local rebuild plan to ensure CSS fidelity.

Does active site inspection work for marketing pages where static screenshots are insufficient?

Active site inspection works for marketing pages where static screenshots are insufficient by navigating the live interface, opening menus, reviewing above-the-fold composition, and capturing verifiable evidence before local reproduction.

Why do I need an evidence ledger to rebuild a live website locally?

You need an evidence ledger to rebuild a live website locally because it preserves verifiable evidence of computed styles, spacing, and typography captured during active inspection, ensuring accurate CSS fidelity in the final reproduction.

Are there limitations when cloning live interfaces with dynamic auth and login flows?

When cloning live interfaces with dynamic auth and login flows, limitations include the need to actively navigate and review onboarding surfaces to capture evidence, as static screenshots cannot verify interactive state changes or computed style fidelity.