Replicate Webpage
Odtwarza stronę internetową jako łatwy w utrzymaniu kod źródłowy, a nie lustrzane odbicie zrzutu ekranu lub ramki.
Testowano · Działa
Co robi ten skill
Kieruje Claude do inspekcji strony referencyjnej przy wielu punktach widzenia, inwentaryzacji jej struktury/wizualizacji/interakcji za pomocą dołączonej listy kontrolnej wierności, a następnie odtworzenia jej jako semantycznego, dostępnego, responsywnego kodu z scentralizowaną warstwą treści do podstawień tekstu/brandingu. Aktywuje się na żądania 'replicate/clone this webpage' lub '复刻这个网页', z wyraźnymi granicami przed reprodukcją przechwytywania danych uwierzytelniających, przepływów płatności, sekretów lub identyfikatorów śledzenia.
Raport z testu
Przeprowadzono rzeczywiste A/B odtwarzania strony z kartą cenową: bazowa kopia zniekształciła separator '·' na '·' (brak meta znaku), pominęła stylizację funkcji specjalnej i podstawienie marki, a FAQ było martwe; przebudowa sterowana przez umiejętność naprawiła to wszystko, a także dodała stany z fokusem-widocznym i scentralizowany obiekt treści, bez błędów konsoli.
Testowano: 2026-07-16 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/22duxiaoyu/replicate-webpage-skill.git mkdir -p ~/.claude/skills cp -r replicate-webpage-skill ~/.claude/skills/replicate-webpage
Komendy i przykładowe prompty
/replicate-webpageOdtwarza stronę internetową jako łatwy w utrzymaniu kod źródłowy, a nie lustrzane odbicie zrzutu ekranu lub ramki.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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.