clone-website

Extract assets, CSS, and content to generate Astro 6 code.

1|Updated Mar 23, 2026
One-click install
npx skills add https://github.com/pengelbrecht/skills --skill clone-website-pengelbrecht
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: clone-website
Source: https://github.com/pengelbrecht/skills/tree/main/skills/clone-website
Command: npx skills add https://github.com/pengelbrecht/skills --skill clone-website-pengelbrecht

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Reverse-engineer and clone existing websites into production-ready Astro 6 code, capturing assets, exact CSS, content, and behaviors, then generate per-section specs and dispatch parallel builder agents in worktrees.

Core Features & Use Cases

  • Reverse-engineering: extract assets, CSS, text, and structure to reproduce a site faithfully.
  • Section-level cloning: clone hero, pricing, footer, or entire landing pages for Astro 6 projects.
  • Parallel build orchestration: writes specs per section and coordinates builder agents in isolated worktrees for scalable cloning.

Quick Start

Provide the target URL you want to clone and I will generate Astro 6 code that faithfully reproduces its structure, styles, and assets.

Frequently Asked Questions about clone-website

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

FAQPage Schema
How do I clone a website into Astro 6 code?

You can clone a website into Astro 6 by providing the target URL to extract its assets, exact CSS, content, and behaviors, then generating production-ready code with per-section component specs.

What is reverse-engineering a website for design replication?

Website reverse-engineering for design replication extracts assets, exact CSS, text, and structural behaviors from a target URL to faithfully reproduce its landing pages or specific sections in production code.

Can I clone specific sections like a hero or pricing page instead of the entire site?

Yes, section-level cloning supports replicating specific areas such as the hero, pricing, or footer. It writes specs per section and dispatches parallel builder agents in isolated worktrees for scalable cloning.

Does this website cloning approach work for offline development?

Yes, this approach enables offline development by extracting the target website's assets, CSS, and content into production-ready Astro 6 code, allowing you to explore and reproduce the design locally.

How are assets and CSS extracted during website cloning?

Asset extraction and CSS tokenization capture the target website's exact styles, images, and content. This process generates component specs that serve as a foundation for the final Astro 6 clone.

What's the best way to scale website cloning for large landing pages?

The best way to scale website cloning is through parallel build orchestration, which writes specs per section and coordinates builder agents in isolated worktrees to handle large landing pages efficiently.