EL ESTUDIO

El elenco y sus dos estilos

Cada presentador tiene dos estilos: uno para la clase completa y otro para el corte vertical. Los marcos de abajo no son capturas: son el mismo renderizador del video corriendo en tu navegador.

Nova

Claude API / Anthropic#8b5cf6

Tu guía para APIs de lenguaje

Nova Laboratorio

Clase largaCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

registro

lib/schema.ts

app/registro/page.tsx

app/api/registro/route.ts

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Explicación larga de la Claude API: mucho código, prompts y conteo de tokens.

Cuadro: 1920×1080
Tipografías: Space Grotesk / JetBrains Mono
Transición: crossfade · 340 ms
Paleta: #8b5cf6#0f0b1e#ece9f6

Se usa en: Todavía no hay una clase publicada con este estilo

Nova Pulso

Corte cortoCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Un truco de la Claude API en menos de 90 s, vertical, para Shorts y Reels.

Cuadro: 1080×1920
Tipografías: Space Grotesk / JetBrains Mono
Transición: push-up · 260 ms
Paleta: #a78bfa#0b0818#f6f3ff

Se usa en: Todavía no hay una clase publicada con este estilo

Atlas

Supabase / PostgreSQL#059669

El maestro de las bases de datos serverless

Atlas Consola

Clase largaCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

registro

lib/schema.ts

app/registro/page.tsx

app/api/registro/route.ts

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Sesión hands-on con psql y la CLI: migraciones, policies y su salida real.

Cuadro: 1920×1080
Tipografías: Archivo / IBM Plex Mono
Transición: crossfade · 300 ms
Paleta: #059669#101614#e4efe9

Se usa en: Todavía no hay una clase publicada con este estilo

Atlas Snap

Corte cortoCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Una query o una policy RLS con su resultado, corte seco, sin entrada ni salida.

Cuadro: 1080×1920
Tipografías: Archivo / IBM Plex Mono
Transición: cut · 0 ms
Paleta: #34d399#06201a#eafff6

Se usa en: Todavía no hay una clase publicada con este estilo

Cipher

AWS Serverless#f59e0b

Obsesionado con costos y escalabilidad

Cipher Plano

Clase largaCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

registro

lib/schema.ts

app/registro/page.tsx

app/api/registro/route.ts

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Arquitectura serverless: primero el diagrama completo, después el código.

Cuadro: 1920×1080
Tipografías: Archivo / IBM Plex Mono
Transición: wipe-accent · 420 ms
Paleta: #f59e0b#0a1220#eef2f8

Se usa en: Todavía no hay una clase publicada con este estilo

Cipher Factura

Corte cortoCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Cuánto cuesta una arquitectura: la comparación de precios en menos de 60 s.

Cuadro: 1080×1920
Tipografías: Archivo / IBM Plex Mono
Transición: push-up · 220 ms
Paleta: #fbbf24#151004#fff8e7

Se usa en: Todavía no hay una clase publicada con este estilo

Pixel

Next.js / Vercel / Frontend#ec4899

Creatividad y UX al máximo

Pixel Estudio

Clase largaCuadro fijo

schema.ts

lib/schema.ts

● escribiendo

registro

lib/schema.ts

app/registro/page.tsx

app/api/registro/route.ts

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Validación de formularios con Zod

Build de UI donde la pantalla del navegador es la protagonista del cuadro.

Cuadro: 1920×1080
Tipografías: Inter / JetBrains Mono
Transición: crossfade · 380 ms
Paleta: #ec4899#0e0a12#f7eef8

Se usa en: Todavía no hay una clase publicada con este estilo

Pixel Reel

Corte cortoCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Antes y después visual, sin una línea de código en pantalla.

Cuadro: 1080×1920
Tipografías: Inter / JetBrains Mono
Transición: push-up · 240 ms
Paleta: #ec4899#171021#140a18

Se usa en: Todavía no hay una clase publicada con este estilo

Flow

n8n / Automatización#3b82f6

Cero código innecesario

Flow Lienzo

Clase largaCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

registro

lib/schema.ts

app/registro/page.tsx

app/api/registro/route.ts

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Armar un workflow de n8n nodo por nodo, viendo cómo se conecta cada paso.

Cuadro: 1920×1080
Tipografías: Space Grotesk / IBM Plex Mono
Transición: crossfade · 320 ms
Paleta: #3b82f6#0b1424#e8eefc

Se usa en: Todavía no hay una clase publicada con este estilo

Flow Bucle

Corte cortoCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Tres pasos y el proceso queda automatizado: un paso por escena.

Cuadro: 1080×1920
Tipografías: Space Grotesk / IBM Plex Mono
Transición: push-up · 240 ms
Paleta: #60a5fa#07182c#eaf2ff

Se usa en: Todavía no hay una clase publicada con este estilo

Sage

AI/ML General#6366f1

Sabiduría accesible en IA

Sage Cátedra

Clase largaCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

registro

lib/schema.ts

app/registro/page.tsx

app/api/registro/route.ts

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Un concepto de machine learning explicado despacio, con poco código y mucho aire.

Cuadro: 1920×1080
Tipografías: IBM Plex Serif / JetBrains Mono
Transición: crossfade · 480 ms
Paleta: #6366f1#14131d#f2ede4

Se usa en: Todavía no hay una clase publicada con este estilo

Sage Ficha

Corte cortoCuadro fijo

Validación de formularios con Zod

schema.ts

lib/schema.ts

● escribiendo

1import { z } from 'zod'
2
3export const signupSchema = z.object({
4  email: z.email(),
5  password: z.string().min(12),
6  plan: z.enum(['free', 'pro']),
7})
8
9export type Signup = z.infer<typeof signupSchem▏

Un solo schema para el cliente y el servidor

Una definición o la idea central de un paper, en formato cita.

Cuadro: 1080×1920
Tipografías: IBM Plex Serif / JetBrains Mono
Transición: crossfade · 300 ms
Paleta: #4f46e5#1b1930#191627

Se usa en: Todavía no hay una clase publicada con este estilo