Web en código desde imagen
/image-to-code-skill
/image-to-code-skill es una skill de Claude Code de la sección Web y Diseño. La mantiene Leonxlnx y se publica con licencia MIT. Para webs donde el aspecto importa, genera primero imágenes de diseño por sección, las analiza y programa la web para que coincida con ellas.
Descripción del autor (traducida)
Habilidad de imagen a código de élite para sitios web, pensada para Codex. Para tareas web visualmente importantes, primero debe generar ella misma la(s) imagen(es) de diseño, analizarlas en profundidad, y luego implementar el sitio para que coincida con ellas lo más fielmente posible. En Codex, debe preferir imágenes grandes y legibles específicas de cada sección en lugar de tableros diminutos y comprimidos, generar imágenes nuevas e independientes para secciones o vistas de detalle en lugar de recortar imágenes antiguas, evitar la infra-generación perezosa, evitar interfaces de tarjetas-dentro-de-tarjetas-dentro-de-tarjetas, y mantener el hero limpio, espacioso, legible y visible en un portátil pequeño.
Cómo pedírselo
Genera el diseño de esta landing page y luego impleméntala en códigoNecesito que el hero de mi web quede limpio y legible en pantallas pequeñasCrea imágenes de referencia por sección antes de programar este sitio
Instalar
curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bashTras instalar con el script, escribe /image-to-code-skill. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma
Demo en camino