LinkedIn Post Studio

Crea posts visuales técnicos como si fueran piezas editoriales.

Snippets tipo editor, carruseles explicativos, emoji explainers y exportación rápida a PNG, JPG, PDF o GIF preset. Todo local-first y listo para Vercel.

Estado

Empieza editando una plantilla. El autosave local ya está encendido.

LinkedIn-safe

PNG/JPG para single posts y PDF multipágina para carruseles. El GIF queda como bonus experimental.

Live canvas

Code Window

Code Window
Slide 1/1

JavaScript

Haz que tu `.map()` diga algo útil

No iteres por iterar: transforma con intención.

ReadableUI-firstTyped

typescript

1const cards = posts.map((post) => ({2  id: post.id,3  title: post.title,4  summary: post.body.slice(0, 120),5  publishedAt: formatDate(post.publishedAt),6}));

Un snippet bueno no solo funciona. También deja claro qué cambia y por qué.

Buena señal: el resultado final tiene nombre propio.

Mapea a una estructura pensada para UI, no a un clon del backend.

Aprovecha el paso para normalizar nombres y fechas.

Si el resultado se puede leer de arriba abajo, ya ganaste.

Nocturno editorialListo para exportar como post individual.

Storyboard

Recorre todo el carrusel antes de exportar.

Code Window
Slide 1/1

JavaScript

Haz que tu `.map()` diga algo útil

No iteres por iterar: transforma con intención.

ReadableUI-firstTyped

typescript

1const cards = posts.map((post) => ({2  id: post.id,3  title: post.title,4  summary: post.body.slice(0, 120),5  publishedAt: formatDate(post.publishedAt),6}));

Un snippet bueno no solo funciona. También deja claro qué cambia y por qué.

Buena señal: el resultado final tiene nombre propio.

Mapea a una estructura pensada para UI, no a un clon del backend.

Aprovecha el paso para normalizar nombres y fechas.

Si el resultado se puede leer de arriba abajo, ya ganaste.

Nocturno editorialListo para exportar como post individual.