
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio completo de fotógrafo: carrusel de inicio, índice de trabajos con filtros y portadas que cambian al pasar el cursor, un caso de estudio por serie, artículos del diario, sobre mí, copias, contacto, licencias y una página de no encontrado
- El estilo de marco dividido: panel fijo de foto, columna de tarjetas redondeadas, etiquetas en muesca recortadas de la página, una cabecera flotante en forma de píldora, navegación con letras que giran y un cambio diagonal entre tema claro y oscuro
- Partes que funcionan: lightbox en los casos de estudio, búsqueda en el diario, un selector de copias con precio en vivo y vista previa en pared, un formulario de contacto validado y una suscripción a la newsletter, en un solo archivo sin conexión
Ideal para
- Fotógrafos de paisaje, viajes y editorial que quieren un sitio centrado en la imagen, con una interfaz discreta como de galería
- Fotógrafos que venden copias o aceptan encargos y quieren casos de estudio, precios y un formulario de consulta en un solo lugar
- Fotógrafos de bodas o retratos, ilustradores, alojamientos o galerías que pueden encajar historias, paquetes o exposiciones en las mismas páginas
No es para
- Marcas coloridas o maximalistas: la interfaz es estrictamente monocroma y todo el color viene de las fotografías
- Blogs o documentación con mucho texto y pocas imágenes: el diseño depende de fotografías potentes en cada panel
- Sitios que necesitan un CMS, subida de archivos o pago en vivo: las consultas de copias y los formularios solo confirman en la página
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear portafolio webEstilo fijadoResultado editableMinimalistaMonocromoFoto en primer planoSuave y redondeadoPantalla dividida
Acerca de esta Skill

Portafolio de marco dividido crea un sitio de fotografía donde tu mejor imagen ocupa la mitad izquierda de la pantalla mientras a su lado se desplaza una columna de tarjetas redondeadas y discretas. El color viene solo de las fotografías, y cada etiqueta que toca una foto está recortada de la página con dos pequeñas muescas. El ejemplo es Aster Field, un fotógrafo ficticio de paisaje y viajes, con 18 páginas conectadas.

Lo que obtienes
- Una página de inicio con un carrusel discreto, tarjeta de presentación, tarjetas de canales, mosaicos de series, un encargo reciente, una marquesina de clientes, una lista del diario y una tarjeta de reservas
- Un índice de trabajos con chips de filtro, búsqueda y vista de lista o cuadrícula, más un caso de estudio por serie con lightbox de fotogramas, pasos del enfoque y resultados
- Artículos del diario, sobre mí con datos clave y una cronología de experiencia, una tienda de copias con vista previa enmarcada en la pared, contacto con formulario validado, licencias y una página de no encontrado
- Temas claro y oscuro con un cambio en diagonal, navegación con letras que giran y un solo archivo que se abre en cualquier navegador y funciona sin conexión

Cómo usarlo
- Comparte tu nombre, tu rol, tu ciudad, una biografía breve, tus datos de contacto y de 8 a 12 fotografías agrupadas por series.
- Tu agente asigna las fotos al panel, los mosaicos y los casos de estudio, escribe las páginas de cada serie y genera lo que falte.
- Abre el archivo, pasa el cursor por la lista de trabajos, prueba los dos temas y el selector de copias, y pide cambios con tus propias palabras.

Tus propias fotografías funcionan mejor. Las imágenes generadas son provisionales y pueden conllevar cargos por uso de la herramienta de imagen de tu agente.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre, rol en una línea, ciudad de residencia, una biografía breve y datos de contacto · De 8 a 12 fotografías agrupadas en series, con lugares y años · Resúmenes y resultados de cada serie, tamaños y precios de las copias, y condiciones de licencia (opcional; lo que falte queda como marcadores listados)
- Dependencias
- Node.js 18 o superior en la máquina de tu agente, para ejecutar el script incluido que genera el archivo único sin conexión · Acceso a internet mientras se genera el archivo, para descargar las fuentes una vez e incrustarlas · Una herramienta de imagen en tu agente, solo para las fotos que no aportes (si no, las fotos de la plantilla sirven como marcadores provisionales)
- Costos externos
- Si no aportas todas las fotos, las que faltan se generan con la propia herramienta de imagen de tu agente, lo que puede conllevar los cargos por uso de esa herramienta; si no, las fotos de la plantilla quedan como marcadores provisionales. Nada más usa un servicio de pago.
- Última prueba
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









