Hero con skyline urbanov1.0.0
Usa esta Skill para crear visuales de UI.
En auge
5.033 descargas0 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Hero con skyline urbano es una sección Hero lista para pegar, entregada como código fuente editable con su ejemplo de uso. Incluye una interacción de scroll o por pasos que controla el visitante y una animación de entrada que se asienta en lugar de rebotar. El color, la tipografía y el radio son tokens que editas una sola vez para todo el bloque.
Elegida con más frecuencia por
Actualizada el 31 ago 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- El código fuente completo de Hero con skyline urbano: el archivo del componente más un ejemplo de uso ejecutable, listo para pegar y editar.
- Un contrato visual por escrito: paleta, escala tipográfica, radio, grosor de iconos y tiempos de animación, todo como tokens que editas en un solo lugar.
- Los retratos y las fotografías vienen con el bloque, ya colocados y guardados en local en lugar de descargarse.
Ideal para
- Necesitas una sección Hero y prefieres una terminada antes que un lienzo en blanco.
- Quieres que la primera pantalla se vea completa desde el primer render, con las imágenes ya colocadas.
- Quieres código fuente legible que puedas editar, no otra dependencia que mantener actualizada.
No es para
- Equipos que ya tienen un sistema de diseño maduro: esta paleta y esta escala tipográfica chocarán con las suyas.
- Quien busque un paquete npm versionado; esto te entrega código fuente que mantienes tú.
- Proyectos que necesitan navegación, formularios, autenticación o checkout: este bloque no cubre nada de eso.
Identidad de marca y sistemas visualesLanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear visuales de UICrear página webCrear landing pageResultado editableVisualmente pulidoPara principiantesNeutro cálidoAcento verde azuladoCinéticoFotográfico
Acerca de esta Skill
Pegas un solo bloque y la parte superior de tu página queda terminada: titular, texto de apoyo, botones e ilustración ya encajados entre sí. Nada que maquetar, nada en gris.
Lo que obtienes
- El código fuente completo de Hero con skyline urbano: el archivo del componente más un ejemplo de uso ejecutable, listo para pegar y editar.
- Un contrato visual por escrito: paleta, escala tipográfica, radio, grosor de iconos y tiempos de animación, todo como tokens que editas en un solo lugar.
- Los retratos y las fotografías vienen con el bloque, ya colocados y guardados en local en lugar de descargarse.
Cómo usarlo
- Dile a tu asistente dónde va la sección: primero lee tu proyecto y luego escribe el bloque tal como ya está escrito ese proyecto.
- Sustituye los textos por los tuyos. Los tamaños de letra y el espaciado se mantienen solos.
- Añade tus propias imágenes. Los retratos van donde aparecen personas; el resto lleva fotografías.
- Revísalo en un móvil antes de publicar. Ya está construido para verse bien ahí.
Lo que necesitas antes de empezar
- Última prueba
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…