Replicate Webpage
Baut eine Referenzwebseite als wartbaren Quellcode wieder auf, nicht als Screenshot oder iFrame-Spiegel.
Getestet · Funktioniert
Was es kann
Leitet Claude an, eine Referenz-URL bei mehreren Ansichtsfenstern zu inspizieren, ihre Struktur/Visuals/Interaktionen anhand einer gebündelten Fidelity-Checkliste zu inventarisieren und sie dann als semantischen, zugänglichen, reaktionsfähigen Code mit einer zentralisierten Inhaltsschicht für Text-/Branding-Ersetzungen wieder aufzubauen. Löst bei Anfragen 'replicate/clone this webpage' oder '复刻这个网页' aus, mit expliziten Grenzen gegen die Reproduktion von Anmeldedatenerfassung, Zahlungsflüssen, Geheimnissen oder Tracking-IDs.
Testbericht
Ein echtes A/B-Rebuilding einer Preis-Karten-Referenzseite wurde ausgeführt: Der Basis-Klon verfälschte den '·'-Trennzeichen in '·' (fehlendes Charset-Meta), ließ das Featured-Plan-Styling und die Markensubstitution fallen und hatte eine tote FAQ; der Skill-gesteuerte Neuaufbau korrigierte all das und fügte Fokus-sichtbare Zustände und ein zentralisiertes Inhaltsobjekt hinzu, ohne Konsolenfehler.
Getestet am: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/22duxiaoyu/replicate-webpage-skill.git mkdir -p ~/.claude/skills cp -r replicate-webpage-skill ~/.claude/skills/replicate-webpage
Befehle & Beispiel-Prompts
/replicate-webpageBaut eine Referenzwebseite als wartbaren Quellcode wieder auf, nicht als Screenshot oder iFrame-Spiegel.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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.