Docs

# Skills usadas para esta experiencia La página publicada que preguntaste está aquí: - Sitio: https://cristianoleamiranda-dotcom.github.io/sender-onair/ - Código: https://github.com/cristianoleamiranda-dotcom/sender-onair (rama `main`, GitHub Pages desde `/`) - Es la maqueta «sala de control». No es la fuente de contenido y no se copió su interfaz. ## Skills del propio archivo Sender - `sender-motion-kit` / `SKILL.md` — departamento inmersivo: scroll como transporte, presupuesto WebGL, film, QA, Awwwards. - `sender-design-ops` / `AGENTS.md` — ScrollCraft-Arena: scroll reversible, reduced motion, assets reales, verificación de build. - Patrones del kit: pin con propósito, degradar en móvil, no simular cifras, hairlines en vez de cajas. ## Open Design (nexu-io/open-design) Catálogo funcional en `skills/` (165 entradas). Las que aplican a este sistema, sin copiar su identidad visual: - `threejs` — escena, materiales, un solo contexto, dispose. - `gsap-core`, `gsap-timeline`, `gsap-scrolltrigger`, `gsap-react`, `gsap-performance` — scrub, pin, limpieza. - `emilkowalski-motion` — motion con propósito, no rebote genérico. - `frontend-design`, `impeccable-design-polish`, `web-design-guidelines` — jerarquía, contraste, anti-plantilla. - `image-enhancer` / `ecommerce-image-workflow` — no se usaron para fabricar equipos. Las fotos salen del repo fuente. - `video-hyperframes`, `remotion` — referencia de ritmo. El único video es `sender-hero.mp4`, ya existente. - `brand-extract`, `design-md` — la paleta se tomó de la marca, no de un sistema ajeno. No se vendió el look de Open Design. Se usó como motor de decisión: WebGL perezoso, scroll ligado al estado, tipografía editorial, una sola paleta. ## Referencias de movimiento Los cuatro videos pedidos se estudiaron como principios (cámara, ritmo, profundidad, transición), no como copia: - https://youtu.be/Da7ZuhyWACg - https://youtu.be/y1pM7bS6IY8 - https://youtu.be/3yQttz-UKjA - https://youtu.be/3eExfC63uSc Principios que sí entran: la cámara avanza con el scroll, la imagen no se deforma, cada transición tiene un trabajo distinto (apertura de señal, cambio de estado, archivo a escena, convergencia). ## Lo que se rechazó - Cyberpunk, neón, gradientes de color, plantilla SaaS, navbar corporativa grande. - Inventar instalaciones, ingenieros, redes sociales o mediciones. - Correr Three.js en móvil o con `prefers-reduced-motion`.

存档时间线

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本