Hero con marcas a la derivav1.0.1
Usa esta Skill para crear visuales de UI.
En auge
5.031 descargas1 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Hero con marcas a la deriva es una sección Hero lista para pegar, entregada como código fuente editable con su ejemplo de uso. Incluye una animación de entrada que se asienta en lugar de rebotar y estados que el visitante puede cambiar y ver responder. 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 marcas a la deriva: 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.
- Breakpoints responsive ya ajustados, desde escritorio hasta móvil.
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 azuladoEditorialCinético
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 marcas a la deriva: 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.
- Breakpoints responsive ya ajustados, desde escritorio hasta móvil.
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.
- Cambia el color de acento en un solo lugar y todo el bloque se actualiza.
- 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.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…