Mauricio A.

Software Engineer at @platzi 💻 - Sometimes I code cool stuff 😎

[Nero @neropursue]

The best 10 component libraries to ship faster 👇

1 - https://t.co/HZDQ254WJ4 — Premium UI Asset Library
2 - https://t.co/NUFnvVJNYc — Free animated components
3 - https://t.co/ZQi6w2xsv8 — Smooth UI transitions
4 - https://t.co/VGeH0XH9YD — Beautiful UI Components
5 - https://t.co/80OsiN53l3 — Animated React components
6 - https://t.co/xHQ2IRmVAf — Animated React components
7 - https://t.co/IqSDjr5Gel — Customizable React design system
8 - https://t.co/AJSZJA9mvL — Interactive UI components
9 - https://t.co/3Zr8fNNAw6 — Beautiful UI components for modern products
10 - https://t.co/1mRnQJCwAX — Distinctive UI components

Save this list. You’ll need it 🔖

[Bardhyl Bytyqi @BardhylBytyqi]

If you design with AI, this is all you need

1. https://t.co/BVLdRK7UqB — cheaper than lovable
2. https://t.co/18k94vwBgP — top notch landings
3. https://t.co/SiyE5sMFEh — 1 prompts 1 website
4. https://t.co/HnfTgTWTw8 — 127 full figma designs
5. https://t.co/GwoiHkfiYN — world best icons
6. https://t.co/bfeoJy1e99 — fonts behind brands
7. https://t.co/3J5MJsvWDD — design community
8. https://t.co/VXNLXhmsoD — award-winning websites
9. https://t.co/7raDCl7bq1 — mobile UI animations
10. https://t.co/Zyngx75BhQ — footer inspiration
11. https://t.co/xTjAWnt4X4 — next level design
12. https://t.co/Q3Fm8mtHNx — backgrounds

save this for later

[Alejo @ecommartinez]

He creado desde cero un vídeo de motion design con Claude Sonnet 5.5.

Está tan bien hecha que sospecho que hay un humano detrás editándome el vídeo. 😅

PROMPT ⤵️⤵️

You are a senior motion designer, creative director and render engineer.

Your goal is not just to generate animation code, but to create a polished, professional motion-design video from concept to final render.

## PROJECT

Subject: [SUBJECT]
Goal: [WHAT THE VIEWER SHOULD UNDERSTAND/FEEL]
Duration: [15–30s]
Format: [16:9 / 3:2 / 9:16 / 1:1]
FPS: 60

## CREATIVE DIRECTION

Create something premium, modern, editorial and visually memorable.

Avoid generic AI aesthetics:

- centered text on gradients
- endless fade-ins
- excessive glow
- random particles
- generic glassmorphism
- repetitive zooms
- unnecessary UI frames

Something meaningful should visually evolve every 2–4 seconds.

The first 2 seconds must contain a strong hook.

Use strong typography, clear hierarchy, controlled colors and intentional composition.

## REFERENCES

Study all files inside `./refs/`.

If a reference video exists:

- extract representative frames
- analyze typography, colors, transitions, pacing and camera movement
- create `docs/style_guide.md`

Take the visual grammar, not the actual content.

## STORYBOARD FIRST

Before coding, create `docs/shotlist.md`.

For each shot define:

- timestamp
- visual
- text
- motion
- transition
- camera
- sound cue

Build rhythm through contrast: fast/slow, large/small, dense/minimal.

## MOTION

Motion must feel physical and intentional.

Prefer spring-based animation over simple linear easing.

Use different motion weights for:

- UI elements
- cards
- large typography
- camera movement

Preserve continuity between states whenever possible.

Transitions should preferably emerge from existing objects through morphs, masks, scale or camera movement.

## RENDER ENGINE

Build the animation as a deterministic function of time.

Prefer:

`https://t.co/otmakiW7BE(t)`

Any timestamp must always produce the exact same frame.

Avoid:

- timers
- uncontrolled animation state
- Math.random()
- CSS transitions during rendering

Use Canvas, SVG, Remotion, Three.js or another suitable framework depending on the project.

Render frame-by-frame using Playwright/Chromium + FFmpeg when appropriate.

## SOUND

Sound is part of the motion design.

If music is provided:

- detect BPM and beats
- synchronize important visual changes with major beats

Add subtle SFX where useful.

If no music exists, create a minimal rhythmic soundtrack.

## QUALITY LOOP

Do not stop after the first successful render.

Render a contact sheet and inspect your own frames.

Score the result on:

- first-2-second hook
- composition
- readability
- motion quality
- transitions
- visual variety
- consistency
- sound sync

Identify the 3 biggest problems, fix them and render again.

Repeat at least 3 times or until the result feels professionally polished.

Specifically look for:

- overlapping text
- clipping
- blurry typography
- dead moments
- awkward transitions
- repetitive compositions
- excessive fades
- unreadable small text
- inconsistent spacing

## FINAL OUTPUT

Deliver:

- `out/final.mp4`
- `out/poster.png`
- `out/contact.png`
- source code
- `README.md`

If multiple aspect ratios are required, recompose each format rather than simply cropping.

Work autonomously.

Do not consider “the code works” a finished result.

The standard is:

**Would a professional motion designer confidently put this in their portfolio?**

If not, keep improving it.”

[KASUN @kasuncfdo]

STOP shipping with default shadcn #UIs. Part #2.

5 more libraries that make your UI look expensive:

1. shadercn → https://t.co/2QEeFsmkV0
@shadcnlabs

2. 23rd → https://t.co/MmB26FJJMZ
@radiumcoders

3. gooey shyt → https://t.co/votXAXGCbI
@vansh1029

4. uselayouts → https://t.co/POS0hrFm26
@0xUrvish

5. annnimate → https://t.co/kKNldP7cxI
@juli_fella

bookmark these tools for your next project.🔖

[Lunar @LunarResearcher]

Ex-Google engineer just released a free 3-hour course on building and monetizing AI agents.

How to go from one agent to a full system that finds leads and makes money:

00:00 - Design an AI agent system
07:38 - Add human handoffs
19:27 - Understand RAG and vector databases
52:38 - Deploy agents to Google Cloud
1:25:57 - Turn agents into a paid WhatsApp business
1:33:00 - Convert conversations into leads
2:24:01 - Learn loops vs graphs
2:33:08 - Build a multi-tool agent graph

Most people are still building AI demos.

This course shows the full stack:

Agents → RAG → Deployment → Leads → Revenue

Building agents is the old workflow.

Monetizing agent systems is the new one.

This 3-hour watch covers more than most $500 paid courses.

Save it before everyone starts selling the same thing.

[Alejandro Martinez | IA @copyelpadrino]

Olvida LinkedIn!

LinkedIn no es tu boleto dorado para el trabajo remoto.

Aquí tienes 16 sitios web que pagan en USD por trabajos remotos : ↓

[Platzi @platzi]

Si estás en Bogotá, conoce con @ahbilbaoo las herramientas para emprender o crecer en una startup.

Un evento presencial para aprender, conectarte y ser parte del programa Makers Fellowship.

📌 Regístrate: https://t.co/sVAUWJWlo1

Más eventos en👉🏽 https://t.co/cqUGHBazCN

[Platzi @platzi]

¡Hace tan solo una semana fue #PlatziConf! 💚 El encuentro más grande de la comunidad de profesionales en tecnología más grande de la región y seguimos viendo sus fotos y aprendizajes.

¿Qué fue lo mejor que te llevaste de estar ahí? ¿Qué te gustaría vivir en la próxima?

[Criptolawyer @criptolawyer]

🚨🚨ULTIMA HORA🚨🚨

@VitalikButerin junto a uno de los funders de @TornadoCash, proponen PRIVACY POOLS.

Un protocolo similar a tornado cash pero 100% COMPLIANT con regulaciones globales.

Es decir, una especie de mixer en donde "las transacciones sean mezcladas para ocultar la identidad de las personas"

Sin embargo, proponen que al momento de RETIRAR tus fondos, demuestres que los mismos NO provienen de operaciones ilicitas.

[Platzi @platzi]

¡Gracias comunidad! Hoy vivimos una #PlatziConf inolvidable.

Ustedes son el futuro 💚

[Platzi @platzi]

¡Descubre el nuevo Platzi!🚀

Abrimos hilo con todas las innovaciones que hemos preparado para ti 👇 #platziconf

[Freddy Vega @freddier]

⭐️⭐️ PLATZICONF empieza el sábado a las 👇👇
9am 🇲🇽 🇬🇹 🇸🇻 🇨🇷 🇭🇳 🇳🇮
10am 🇨🇴 🇵🇪 🇪🇨 🇵🇦
12pm 🇨🇱 🇦🇷 🇺🇾
17h 🇪🇸
11am 🇧🇴 🇵🇾 🇩🇴 🇻🇪 🇨🇺
8am 🇺🇸 PT

La agenda de charlas en los 3 escenarios
(hora Colombia):

[Think&Dev @ThinkandDev]

🤝 ¡LES PRESENTAMOS A NUESTO PRIMER ALIADO!

Bienvenido a Brainy's Path, @platzi.

Nos vemos hoy a las 17:00 (GMT-3) en nuestro canal de YouTube.

Te vamos a contar todo lo que @platzi va a aportarle al programa, junto a la genia de @NatyShi_.

🔗 https://t.co/XeT880tVMQ

[Mauricio A. @itsmaurodude]

@codevars We are addicted tu CODEine ☣️ hahah

[Mauricio A. @itsmaurodude]

@mdjunaidap 👋

[Mauricio A. @itsmaurodude]

@TulioAI Telegram

[Mauricio A. @itsmaurodude]

@MoureDev Flutter o Go o stemmmm... No sería un lenguaje, pero estaría bueno de AWS 💪

[Mauricio A. @itsmaurodude]

@AiHandbook Chat

[AI University @TheRundownU]

The AI revolution is coming.

We created 200 AI startup business ideas to start right now and take advantage of the opportunity.

We’re giving the entire database away, FREE.

Follow, Like, Retweet, Comment 'chat'

& We’ll DM it to you, for free.

[Mauricio A. @itsmaurodude]

@jfdelarosa Mejor consejo ever