Replica
Převede snímek obrazovky vstupní stránky na přesný hexadecimální, přesný Tailwind, kopírovatelný prompt pro vývojáře pro Bolt/Lovable/Cursor.
Otestováno · Funguje
Co umí
Replica převádí snímek obrazovky sekce hrdiny nebo vstupní stránky (nebo textový popis) do strukturovaného promptu pro vývojáře připraveného ke kopírování a vkládání s přesnými hexadecimálními barvami, řetězci tříd Tailwind, n-ticemi animací Framer Motion a strukturou souborů. Spouští se, když uživatel nahraje snímek obrazovky designu/URL a chce ho přesně přestavět v nástroji pro kódování AI, jako je Lovable, Bolt.new, Replit, Cursor nebo v0.
Testovací report
Skutečná šablona pro generování promptů je rigorózní a dodává přesně to, co tvrdí (hex kódy, plné stíny boxů, n-tice animací), ale přiložený 'FOLDER SKRIPTŮ', který popisuje se specifickými tvrzeními o schopnostech (synchronizační engine, RAG matcher, kompresní algoritmus) je pět stub souborů o ~18 řádcích, jejichž metody jsou doslova jen `pass` — a jeden má zkomolenou ne-ASCII syntaktickou chybu (cesta importu = pathlib smíchaná s neplatným znakem), která by způsobila pád, pokud by se ji někdo pokusil spustit.
Testováno: 2026-07-16 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/Surya17155/Replica mkdir -p ~/.claude/skills cp -r Replica ~/.claude/skills/replica
Příkazy a ukázkové prompty
/replicaPřevede snímek obrazovky vstupní stránky na přesný hexadecimální, přesný Tailwind, kopírovatelný prompt pro vývojáře pro Bolt/Lovable/Cursor.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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