THE STUDIO

The cast and their two styles

Every presenter has two styles: one for the full class, one for the vertical cut. The frames below aren't screenshots — they're the video renderer itself running in your browser.

Nova

Claude API / Anthropic#8b5cf6

Tu guía para APIs de lenguaje

Nova Laboratorio

Full classStill frame

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.

Frame: 1920×1080
Typefaces: Space Grotesk / JetBrains Mono
Transition: crossfade · 340 ms
Palette: #8b5cf6#0f0b1e#ece9f6

Used in: No published class uses this style yet

Nova Pulso

Short cutStill frame

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.

Frame: 1080×1920
Typefaces: Space Grotesk / JetBrains Mono
Transition: push-up · 260 ms
Palette: #a78bfa#0b0818#f6f3ff

Used in: No published class uses this style yet

Atlas

Supabase / PostgreSQL#059669

El maestro de las bases de datos serverless

Atlas Consola

Full classStill frame

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.

Frame: 1920×1080
Typefaces: Archivo / IBM Plex Mono
Transition: crossfade · 300 ms
Palette: #059669#101614#e4efe9

Used in: No published class uses this style yet

Atlas Snap

Short cutStill frame

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.

Frame: 1080×1920
Typefaces: Archivo / IBM Plex Mono
Transition: cut · 0 ms
Palette: #34d399#06201a#eafff6

Used in: No published class uses this style yet

Cipher

AWS Serverless#f59e0b

Obsesionado con costos y escalabilidad

Cipher Plano

Full classStill frame

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.

Frame: 1920×1080
Typefaces: Archivo / IBM Plex Mono
Transition: wipe-accent · 420 ms
Palette: #f59e0b#0a1220#eef2f8

Used in: No published class uses this style yet

Cipher Factura

Short cutStill frame

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.

Frame: 1080×1920
Typefaces: Archivo / IBM Plex Mono
Transition: push-up · 220 ms
Palette: #fbbf24#151004#fff8e7

Used in: No published class uses this style yet

Pixel

Next.js / Vercel / Frontend#ec4899

Creatividad y UX al máximo

Pixel Estudio

Full classStill frame

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.

Frame: 1920×1080
Typefaces: Inter / JetBrains Mono
Transition: crossfade · 380 ms
Palette: #ec4899#0e0a12#f7eef8

Used in: No published class uses this style yet

Pixel Reel

Short cutStill frame

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.

Frame: 1080×1920
Typefaces: Inter / JetBrains Mono
Transition: push-up · 240 ms
Palette: #ec4899#171021#140a18

Used in: No published class uses this style yet

Flow

n8n / Automatización#3b82f6

Cero código innecesario

Flow Lienzo

Full classStill frame

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.

Frame: 1920×1080
Typefaces: Space Grotesk / IBM Plex Mono
Transition: crossfade · 320 ms
Palette: #3b82f6#0b1424#e8eefc

Used in: No published class uses this style yet

Flow Bucle

Short cutStill frame

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.

Frame: 1080×1920
Typefaces: Space Grotesk / IBM Plex Mono
Transition: push-up · 240 ms
Palette: #60a5fa#07182c#eaf2ff

Used in: No published class uses this style yet

Sage

AI/ML General#6366f1

Sabiduría accesible en IA

Sage Cátedra

Full classStill frame

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.

Frame: 1920×1080
Typefaces: IBM Plex Serif / JetBrains Mono
Transition: crossfade · 480 ms
Palette: #6366f1#14131d#f2ede4

Used in: No published class uses this style yet

Sage Ficha

Short cutStill frame

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.

Frame: 1080×1920
Typefaces: IBM Plex Serif / JetBrains Mono
Transition: crossfade · 300 ms
Palette: #4f46e5#1b1930#191627

Used in: No published class uses this style yet