Replica
Omvandlar en landningssidaskärmdump till en exakt-hex, exakt-Tailwind, kopiera-klistra-in utvecklarprompt för Bolt/Lovable/Cursor.
Testad · Fungerar
Vad den gör
Replica konverterar en skärmdump av en hjältesektion eller landningssida (eller en textbeskrivning) till en strukturerad, kopiera-klistra-in-redo utvecklarprompt med exakta hexfärger, Tailwind-klasssträngar, Framer Motion-animations-tupler och filstruktur. Den triggar när en användare laddar upp en designskärmdump/URL och vill att den ska byggas om exakt i ett AI-kodningsverktyg som Lovable, Bolt.new, Replit, Cursor, eller v0.
Testrapport
Själva promptgenereringsmallen är rigorös och levererar exakt vad den lovar (hexkoder, fullständiga box-shadows, animations-tupler), men den medföljande 'SKRIPT-KATALOGEN' som den beskriver med specifika kapabilitetsanspråk (synkroniseringsmotor, RAG-matchare, komprimeringsalgoritm) är fem stubbfiler på cirka 18 rader vars metoder bokstavligen bara är `pass` — och en har ett oläsligt syntaxfel med icke-ASCII-tecken (import-sökväg = pathlib hopslaget med en ogiltig karaktär) som skulle krascha om någon försökte köra den.
Testad: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/Surya17155/Replica mkdir -p ~/.claude/skills cp -r Replica ~/.claude/skills/replica
Kommandon och exempelprompter
/replicaOmvandlar en landningssidaskärmdump till en exakt-hex, exakt-Tailwind, kopiera-klistra-in utvecklarprompt för Bolt/Lovable/Cursor.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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