SkillProof tested Claude skills

Replica

Convierte una captura de pantalla de página de destino en un prompt de desarrollador exacto en hexadecimal, exacto en Tailwind, para copiar y pegar en Bolt/Lovable/Cursor.

Por Surya17155 · Surya17155/Replica

Probado · Funciona ★ 8.4/10

Replica — Convierte una captura de pantalla de página de destino en un prompt de desarrollador exacto en hexadecimal, exacto en Tailwind, para copiar y pegar en Bolt/Lovable/Cursor.

Qué hace

Replica convierte una captura de pantalla de sección principal o página de destino (o una descripción textual) en un prompt de desarrollador estructurado, listo para copiar y pegar, con colores hexadecimales exactos, cadenas de clases de Tailwind, tuplas de animación Framer Motion y estructura de archivos. Se activa cuando un usuario carga una captura de pantalla/URL de diseño y quiere reconstruirla con precisión en una herramienta de codificación AI como Lovable, Bolt.new, Replit, Cursor o v0.

Informe de la prueba

La plantilla de generación de prompts real es rigurosa y entrega exactamente lo que promete (códigos hexadecimales, sombras de caja completas, tuplas de animación), pero la 'CARPETA DE SCRIPTS' incluida que describe con afirmaciones de capacidad específicas (motor de sincronización, coincidencia RAG, algoritmo de compresión) son cinco archivos de plantilla de ~18 líneas cuyos métodos son literalmente solo `pass` — y uno tiene un error de sintaxis no ASCII garabateado (ruta de importación = pathlib mezclado con un carácter inválido) que fallaría si alguien intentara ejecutarlo.

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

Instalación

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

Comandos y prompts de ejemplo

  • /replicaConvierte una captura de pantalla de página de destino en un prompt de desarrollador exacto en hexadecimal, exacto en Tailwind, para copiar y pegar en Bolt/Lovable/Cursor.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • 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

Informe completo →