docs(hyperframes): noventa lecciones medidas, siete herramientas de verificación y el estilo measured-light

.agents/skills/hyperframes/SKILL.md

@@ -327,6 +327,17 @@ Skip on small edits (fixing a color, adjusting one duration). Run on new composi
 
 ## References (loaded on demand)
 
+- **[../../../scripts/lab/README.md](../../../scripts/lab/README.md)** — las siete herramientas de
+  medición y master del laboratorio, y el orden en que se usan. Leer antes de dar
+  una pieza por terminada.
+- **[references/lecciones-medidas.md](references/lecciones-medidas.md)** — ⭐ **Leer primero.**
+  Noventa lecciones producidas contra referencias reales, medidas en vez de estimadas:
+  las trampas del motor de captura por seek, la escala real de un travelling, cómo se
+  ilumina un objeto, por qué no se puede medir texto antes de `document.fonts.ready`,
+  el material vectorial y sus pivotes, los layouts de composición, el ritmo, el audio
+  y el método de verificación.
+  **Donde contradiga al resto del skill, gana: está medido.**
+
 - **[references/captions.md](references/captions.md)** — Captions, subtitles, lyrics, karaoke synced to audio. Tone-adaptive style detection, per-word styling, text overflow prevention, caption exit guarantees, word grouping. Read when adding any text synced to audio timing.
 - **[references/tts.md](references/tts.md)** — Text-to-speech with Kokoro-82M. Voice selection, speed tuning, TTS+captions workflow. Read when generating narration or voiceover.
 - **[references/audio-reactive.md](references/audio-reactive.md)** — Audio-reactive animation: map frequency bands and amplitude to GSAP properties. Read when visuals should respond to music, voice, or sound.

.agents/skills/hyperframes/references/motion-principles.md

@@ -2,11 +2,18 @@
 
 ## Guardrails
 
+> Ver también [lecciones-medidas.md](lecciones-medidas.md): escala real de un
+> travelling, umbral de percepción de la cámara, variación de ritmo 3×, tiempo de
+> lectura y equivalencias de curva (cubic out = `power2.out`, no `power3`).
+
 You know these rules but you violate them. Stop.
 
 - **Don't use the same ease on every tween.** You default to `power2.out` on everything. Vary eases like you vary font weights — no more than 2 independent tweens with the same ease in a scene.
 - **Don't use the same speed on everything.** You default to 0.4-0.5s for everything. The slowest scene should be 3× slower than the fastest. Vary duration deliberately.
-- **Don't enter everything from the same direction.** You default to `y: 30, opacity: 0` on every element. Vary: from left, from right, from scale, opacity-only, letter-spacing.
+- **Don't enter everything from the same direction.** You default to `y: 30, opacity: 0` on every element. Vary: from left, from right, from scale, opacity-only.
+  🚨 **No animar `letterSpacing`:** reflowea el texto y se clava a píxeles enteros,
+  así que tiembla bajo la captura por seek — el lint lo rechaza. Para el efecto de
+  letras que se juntan, partir en spans y animar la `x` de cada glifo.
 - **Don't use the same stagger on every scene.** Each scene needs its own rhythm.
 - **Don't use ambient zoom on every scene.** Pick different ambient motion per scene: slow pan, subtle rotation, scale push, color shift, or nothing. Stillness after motion is powerful.
 - **Don't start at t=0.** Offset the first animation 0.1-0.3s. Zero-delay feels like a jump cut.

.agents/skills/hyperframes/references/typography.md

@@ -2,6 +2,15 @@
 
 The compiler embeds supported fonts — just write `font-family` in CSS.
 
+> 🚨 **Antes de elegir: el motor sólo embebe 18 familias.** De las que esta lista
+> NO prohíbe, las embebidas son: **Montserrat · Oswald · League Gothic ·
+> Archivo Black · Space Mono · IBM Plex Mono · JetBrains Mono · Source Code Pro**.
+> Cualquier otra necesita un `@font-face` real con su `.woff2`, **pegado inline**
+> (un `@import` a un `.css` externo el compilador no lo ve).
+> `scripts/lab/getfont.mjs` baja cualquier Google Font y lo arma.
+> Y **ninguna medición de texto es válida antes de `document.fonts.ready`** —
+> ver [lecciones-medidas.md](lecciones-medidas.md) §4.
+
 ## Banned
 
 Training-data defaults that every LLM reaches for. These produce monoculture across compositions.

.claude/skills/hyperframes/SKILL.md

@@ -327,6 +327,17 @@ Skip on small edits (fixing a color, adjusting one duration). Run on new composi
 
 ## References (loaded on demand)
 
+- **[../../../scripts/lab/README.md](../../../scripts/lab/README.md)** — las siete herramientas de
+  medición y master del laboratorio, y el orden en que se usan. Leer antes de dar
+  una pieza por terminada.
+- **[references/lecciones-medidas.md](references/lecciones-medidas.md)** — ⭐ **Leer primero.**
+  Noventa lecciones producidas contra referencias reales, medidas en vez de estimadas:
+  las trampas del motor de captura por seek, la escala real de un travelling, cómo se
+  ilumina un objeto, por qué no se puede medir texto antes de `document.fonts.ready`,
+  el material vectorial y sus pivotes, los layouts de composición, el ritmo, el audio
+  y el método de verificación.
+  **Donde contradiga al resto del skill, gana: está medido.**
+
 - **[references/captions.md](references/captions.md)** — Captions, subtitles, lyrics, karaoke synced to audio. Tone-adaptive style detection, per-word styling, text overflow prevention, caption exit guarantees, word grouping. Read when adding any text synced to audio timing.
 - **[references/tts.md](references/tts.md)** — Text-to-speech with Kokoro-82M. Voice selection, speed tuning, TTS+captions workflow. Read when generating narration or voiceover.
 - **[references/audio-reactive.md](references/audio-reactive.md)** — Audio-reactive animation: map frequency bands and amplitude to GSAP properties. Read when visuals should respond to music, voice, or sound.