Replicate Webpage
Ricostruisce una pagina web di riferimento come codice sorgente manutenibile, non uno specchio di screenshot o iframe.
Promosso
Cosa fa
Guida Claude a ispezionare un URL di riferimento a più viewport, inventaria la sua struttura/visuali/interazioni tramite una checklist di fedeltà inclusa, quindi la ricostruisce come codice semantico, accessibile e reattivo con uno strato di contenuto centralizzato per sostituzioni di testo/branding. Si attiva su richieste 'replicate/clone this webpage' o '复刻这个网页', con confini espliciti contro la riproduzione di cattura di credenziali, flussi di pagamento, segreti o ID di tracciamento.
Rapporto di test
Ho eseguito un vero A/B ricostruendo una pagina di riferimento con schede prezzo: il clone di base ha corrotto il separatore '·' in '·' (meta charset mancante), ha perso lo stile del piano in primo piano e la sostituzione del marchio, e aveva una FAQ morta; la ricostruzione guidata dall'abilità ha corretto tutto ciò, più ha aggiunto stati focus-visible e un oggetto di contenuto centralizzato, senza errori di console.
Testato il: 2026-07-16 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/22duxiaoyu/replicate-webpage-skill.git mkdir -p ~/.claude/skills cp -r replicate-webpage-skill ~/.claude/skills/replicate-webpage
Comandi e prompt di esempio
/replicate-webpageRicostruisce una pagina web di riferimento come codice sorgente manutenibile, non uno specchio di screenshot o iframe.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
Rebuild this competitor's pricing page as clean, accessible code.Clone this landing page but swap in our brand name and logo everywhere.Recreate this reference site's layout without copying its payment forms.