Replica

Zamienia zrzut ekranu strony docelowej w dokładny, heksadecymalny, gotowy do skopiowania prompt dla programistów dla Bolt/Lovable/Cursor.

Autor: Surya17155 · Surya17155/Replica

Testowano · Działa ★ 8.4/10

Replica — Zamienia zrzut ekranu strony docelowej w dokładny, heksadecymalny, gotowy do skopiowania prompt dla programistów dla Bolt/Lovable/Cursor.

Co robi ten skill

Replica konwertuje zrzut ekranu sekcji nagłówkowej lub strony docelowej (lub opis tekstowy) na ustrukturyzowany, gotowy do skopiowania prompt dla programistów z dokładnymi kolorami heksadecymalnymi, ciągami klas Tailwind, krotkami animacji Framer Motion i strukturą plików. Aktywuje się, gdy użytkownik przesyła zrzut ekranu projektu/URL i chce go odtworzyć dokładnie w narzędziu do kodowania AI, takim jak Lovable, Bolt.new, Replit, Cursor lub v0.

Raport z testu

Szablon generowania promptów jest rygorystyczny i dostarcza dokładnie to, co obiecuje (kody heksadecymalne, pełne cienie pudełek, krotki animacji), ale dołączony 'FOLDER SKRYPTÓW', który opisuje ze specyficznymi twierdzeniami o możliwościach (silnik synchronizacji, dopasowywanie RAG, algorytm kompresji) to pięć plików stub o długości około 18 linii, których metody to dosłownie tylko `pass` — a jeden ma zniekształcony błąd składniowy spoza ASCII (ścieżka importu = pathlib połączone z nieprawidłowym znakiem), który spowodowałby awarię, gdyby ktoś spróbował go uruchomić.

Testowano: 2026-07-16 · Claude Code 2.x (agent harness)

Instalacja

git clone https://github.com/Surya17155/Replica
mkdir -p ~/.claude/skills
cp -r Replica ~/.claude/skills/replica

Komendy i przykładowe prompty

  • /replicaZamienia zrzut ekranu strony docelowej w dokładny, heksadecymalny, gotowy do skopiowania prompt dla programistów dla Bolt/Lovable/Cursor.

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

  • Turn this landing page screenshot into a Tailwind prompt for Bolt.new
  • I described a hero section, now give me a Framer Motion build prompt
  • Convert this design screenshot into exact hex colors and Tailwind classes