Replica

Transforme une capture d'écran de page de destination en une invite développeur exacte en hexadécimal, exacte en Tailwind, à copier-coller pour Bolt/Lovable/Cursor.

par Surya17155 · Surya17155/Replica

Testé · Fonctionne ★ 8.4/10

Replica — Transforme une capture d'écran de page de destination en une invite développeur exacte en hexadécimal, exacte en Tailwind, à copier-coller pour Bolt/Lovable/Cursor.

Ce que fait

Replica convertit une capture d'écran de section héros ou de page de destination (ou une description textuelle) en une invite développeur structurée, prête à être copiée-collée, avec des couleurs hexadécimales exactes, des chaînes de classes Tailwind, des tuples d'animation Framer Motion et une structure de fichiers. Elle se déclenche lorsqu'un utilisateur télécharge une capture d'écran de conception/URL et souhaite la reconstruire précisément dans un outil de codage IA comme Lovable, Bolt.new, Replit, Cursor ou v0.

Rapport de test

Le modèle d'invite réel est rigoureux et livre exactement ce qu'il promet (codes hexadécimaux, ombres portées complètes, tuples d'animation), mais le "DOSSIER DE SCRIPTS" groupé qu'il décrit avec des affirmations de capacité spécifiques (moteur de synchronisation, correspondant RAG, algorithme de compression) est constitué de cinq fichiers stub d'environ 18 lignes dont les méthodes sont littéralement juste `pass` — et l'un d'eux contient une erreur de syntaxe non-ASCII brouillée (chemin d'importation = pathlib mélangé avec un caractère invalide) qui planterait si quelqu'un essayait de l'exécuter.

Testé le: 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

Commandes et exemples de prompts

  • /replicaTransforme une capture d'écran de page de destination en une invite développeur exacte en hexadécimal, exacte en Tailwind, à copier-coller pour Bolt/Lovable/Cursor.

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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