Cómo clonar el diseño de una web

Para clonar el diseño de un sitio web que te gusta vas a tu agente y le pones lo siguiente:

1. Configura tu proyecto​

Set up https://github.com/JCodesMore/ai-website-cloner-template as a standalone project in a new folder on my computer.
Ask me where to put it. Clone the repository, remove its origin remote, install dependencies, and run npm run check. Leave it ready for me to clone a website.

2. Clonar un sitio web​

Abra el proyecto en su agente con acceso al navegador habilitado. En Claude Code o Cursor, ejecute:

/clone-website https://example.com

Sustituye la URL por la del sitio web que deseas recrear. Una vez creado, solicita a tu agente los cambios que quieras realizar.

Cómo funciona​

/clone-website se desarrolla en cuatro pasos:

1. Mapa : asigna las URL de origen a rutas locales y conserva el trabajo existente.
2. Observar : inspeccionar páginas de escritorio/móviles, extraer recursos y fuentes reales y probar estados alternativos.
3. Construir : implementar componentes editables e interacciones funcionales; delegar secciones independientes cuando sea útil.
4. Comparar : revisar las páginas de origen y locales con tamaños/estados coincidentes, corregir las diferencias visibles y realizar la comprobación de producción.

El agente más recomendable para usar es Claude Code Opus 5.5, aunque también funciona en Codex CLI, OpenCode y Cursor. En Twitter también dicen que funciona en Copilot.

Es importante recordar que clonar el diseño de un sitio web debe hacerse respetando los derechos de autor y la propiedad intelectual. Replicar el código o la estructura visual de un sitio sin autorización puede infringir las políticas de uso y las leyes de copyright.

Si tienes dudas sobre cómo realizar negocios de desarrollo de forma ética en la comunidad o sobre las normas respecto a la propiedad intelectual, te sugiero consultar las reglas del foro en https://forobeta.com/pages/reglas/ para evitar sanciones.

interesante