← ClaudeAtlas

copywebpagelisted

Port a reference web page at a URL into the current repo — fetch it, faithfully reproduce its full structure/sections/substance, re-implement it in THIS repo's own stack + theme + components, swap in this project's identity, and place the new page where it belongs.
jpratt9/dotfiles · ★ 1 · Web & Frontend · score 67
Install: claude install-skill jpratt9/dotfiles
Port the web page at a URL into the project we're working in. The result is a page with the **same structure, sections, and substance** as the source, but built with **this repo's stack**, styled with **this repo's design system**, and carrying **this project's identity**. Core rule: **faithful replication, not freestyling.** Reproduce every section, offer, and claim the source has — never drop, reorder, merge, or invent. What you change is the *implementation* (the repo's components/theme) and the *identity* (brand, names, contact) — not the page's content or structure. ## 1. Parse arguments - The first URL in `$ARGUMENTS` is the source page (required — if none, ask for it). - Everything after the URL is free-form instructions: target location / route / filename, which identity to swap in, sections to keep or skip, etc. Honor them — they override the defaults below. ## 2. Fetch + inventory the source - Fetch the rendered HTML. Prefer `WebFetch`; if it returns 403/429 or thin content, fall back to `curl -sL -A "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120 Safari/537.36" "<url>"`. Save the raw HTML to the scratchpad. - Extract the `<main>` / content region and build a **complete inventory**: every section, heading, paragraph, list, form (and its fields), image/asset, link, CTA, and interactive widget (tabs, accordions, carousels, video). Note the `<title>` and meta description, plus the category/grouping structure for any