Replica
Trasforma uno screenshot di landing page in un prompt sviluppatore esatto-esadecimale, esatto-Tailwind, copia-incolla per Bolt/Lovable/Cursor.
Promosso
Cosa fa
Replica converte uno screenshot di una sezione hero o landing page (o una descrizione testuale) in un prompt sviluppatore strutturato, pronto per copia-incolla, con colori esadecimali esatti, stringhe di classi Tailwind, tuple di animazione Framer Motion e struttura di file. Si attiva quando un utente carica uno screenshot/URL di design e vuole che venga ricostruito precisamente in uno strumento di codifica AI come Lovable, Bolt.new, Replit, Cursor, o v0.
Rapporto di test
Il template di generazione del prompt effettivo è rigoroso e fornisce esattamente ciò che promette (codici esadecimali, box-shadow completi, tuple di animazione), ma la 'CARTELLA SCRIPT' inclusa che descrive specifiche capacità (motore di sincronizzazione, matcher RAG, algoritmo di compressione) è costituita da cinque file stub di circa 18 righe i cui metodi sono letteralmente solo `pass` — e uno ha un errore di sintassi non ASCII confuso (percorso di importazione = pathlib fuso insieme a un carattere non valido) che causerebbe un crash se qualcuno provasse a eseguirlo.
Testato il: 2026-07-16 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/Surya17155/Replica mkdir -p ~/.claude/skills cp -r Replica ~/.claude/skills/replica
Comandi e prompt di esempio
/replicaTrasforma uno screenshot di landing page in un prompt sviluppatore esatto-esadecimale, esatto-Tailwind, copia-incolla per Bolt/Lovable/Cursor.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
Turn this landing page screenshot into a Tailwind prompt for Bolt.newI described a hero section, now give me a Framer Motion build promptConvert this design screenshot into exact hex colors and Tailwind classes