Seguí.
Hay más
por ver.
Un recorrido vertical.
Un mundo que se mueve de lado.
ELY SCROLL · FRONTEND SKILL01 — 05 / EL MOVIMIENTO EMPIEZA ACÁ
Menos estático.Más inolvidable.
Convertí cada scroll en una experiencia.
Una skill. Un nuevo lenguaje para tu frontend.
VOS MARCÁS
EL RITMO.
02 / APERTURAEL DETALLE SE VUELVE UNIVERSO
Una idea.
Otra dimensión.
Diseñá el recorrido.
El scroll hace el resto.
03 / RECORRIDO HORIZONTALCAMBIÁ LA DIRECCIÓN
Seguí.
01 / MATERIALSentir antes
de entender.
Tipografía
con presencia.
El mensaje también se mueve.
De la idea
a la interacción.
Probar este recorrido ↗04 / CAPASEL MÉTODO DETRÁS DEL MOVIMIENTO
CONOCÉ LA SKILLBuen diseño.
Buen diseño.
En cada
capa.
Ely Scroll guía a tu agente desde la idea visual hasta un frontend que responde al scroll.
Primero,
una buena idea.
Tipografía, composición y una intención clara. Cada secuencia tiene algo que contar.
Después,
el recorrido.
Un inicio, un desarrollo y un cierre. El movimiento sigue tu scroll, incluso al volver atrás.
Siempre,
para personas.
Móvil, teclado y movimiento reducido. El contenido sigue siendo útil con o sin animaciones.
Llevá el método a tu proyecto ↗05 / TRAZADOCONECTÁ LOS PUNTOS
Un prompt.
Todo un lenguaje.
- Tu idea
- La dirección
- El movimiento
- Tu frontend
No necesitás empezar desde cero.
Necesitás un mejor punto de partida.
ELY SCROLL / VERSIÓN DE PRUEBA 0.1Tu próximo
Tu próximo
frontend empieza
con un scroll.
LA SKILL INCLUYE
- Dirección visual y coreografía de scroll
- 10 patrones con criterios de uso
- Motor de scroll adaptable a tu proyecto
- Guía de accesibilidad y verificación
Cómo usarla
Descomprimí la carpeta ely-scroll-frontends en ~/.codex/skills/. Luego pedile a tu agente:
Usá $ely-scroll-frontends para crear una landing con tres secuencias de scroll sostenidas y distintas, adaptada a móvil y movimiento reducido.