Vladimir Castañeda

Frontend Developer - React and React Native

[Theo - t3.gg @theo]

Day 23/

Your agents will now use the tools in T3 Code 4x better while using 79% less context.

This one deserves more info, let me explain:

[Rubén Carrascal @krrskl_dev]

I’ve built a new Simulator Management feature for @t3dotcodes

I’ve opened a GitHub Discussion to get maintainer feedback before submitting a PR.

Would love your thoughts @theo @jullerino!

[1/2]

[酱紫表 @pengchujin]

最近做 APP 一直在用一个 Skill 叫 Apple Design，将 Apple WWDC 设计分享中的界面与动效原则整理成指导，帮助改善界面层级、反馈和整体连贯性。实践效果非常好，简单克制、很有苹果原生 App 的味道。

作者Emil Kowalski 之前在 Vercel 现在是 Linear 的设计师，Apple Design 是他整理的一组 AI Agent Skills 其中的一个，目的是让 AI 做界面时更有“设计品味”，尤其是动画选择、交互细节和视觉打磨。除了 Apple Design 还有好几个都很实用，项目GitHub Star 数接近 4w：https://t.co/fxbX52krcj

「emil-design-eng：设计工程总则」
关注 UI 的整体质感、组件设计、动画选择和交互细节。适合开发新界面时作为总体设计指导。

「animate：制作动画」
从零设计并实现动画。会先判断是否有必要加动画，再决定动画目的、实现方式、属性、曲线和时长。适合弹窗、抽屉、按钮反馈等动效。

「review-animations：审查动画」
检查已有动画是否合理，例如是否多余、速度是否拖沓、缓动是否合适，以及是否考虑减少动态效果等。适合动画完成后的专项评审。

「improve-animations：改进项目动画」
检查整个项目的动画，并整理出可执行的改进建议。适合接手已有项目、想系统提升动效质量时使用。

「find-animation-opportunities：寻找动画机会」
判断界面上哪些地方值得增加动画，哪些地方不应该动。重点不是“多加动画”，而是让动效真正帮助用户理解操作反馈或界面状态。

「apple-design：Apple 风格设计原则」
将 Apple WWDC 设计分享中的界面与动效原则整理成指导，帮助改善界面层级、反馈和整体连贯性。

「prototype：制作多个原型方案」
针对一个 UI 需求生成多个不同方案，便于比较布局和组件形态。适合设计方向还不确定时使用。

「mobile-native：优化移动端网页体验」
帮助网页在手机上更像原生应用，关注安全区、触控反馈、输入框缩放和移动端视口等细节。

「write-swift：编写现代 Swift」
覆盖 Swift 值类型、并发、泛型、性能和测试等工程实践。适合 Swift 代码编写与整理。

「pick-ui-library：选择 UI 组件库」
根据需求挑选合适的组件库，避免不必要地手写复杂组件，或引入维护状况不佳的依赖。

[abipraya; @rbayuokt]

open sourced a @reactnative/@expo media feed , called "@rbayuokt/expo-infinite-media"

every feed I built died the same way. a Flat/shList <Video> per row, two playing audio at once, black frames whenever JS got busy 😪

so I took playback away from JS. all of it runs native now

[Vladimir Castañeda @Vdymirr]

Luego de un par de meses de 0 descargas, logre obtener esta última semana +6.000

Que cambió?

Comencé a generar contenido orgánico en TikTok, subo 3/4 TikTok diarios.

[Vladimir Castañeda @Vdymirr]

@danielhangan_ UGC

[Vladimir Castañeda @Vdymirr]

🚀 New update for Khoala!

Now you can:
🔥 Track your weekly cleaning streak
✨ Enjoy smoother animations
🛠️ Get a more polished experience with bug fixes

Clean your gallery faster and stay consistent.

Try it here 👇
https://t.co/utHuz5Rc3Q

[Vladimir Castañeda @Vdymirr]

I built a gallery cleaner app because I was tired of paywalled alternatives.
You can:

- Swipe left to delete
- Swipe right to keep

Super simple, fast, and fully on-device

https://t.co/Wt7wkcBCLc

@expo #reactnative

[Vladimir Castañeda @Vdymirr]

@vibeorigin_dev Thanks! 🙌 Love that idea.
Not part of the first version since I’m focused on the core experience, but it’s definitely a great candidate for a future feature.

[Vladimir Castañeda @Vdymirr]

Clean your gallery with simple swipes and free up space in seconds. 📱✨

No cloud. No servers.
Everything stays 100% on your device 🔒

👉 Swipe left to delete
👉 Swipe right to keep

Simple, fast, addictive and totally free

Coming soon👀

#buildinpublic #reactnative #iosde

[Vladimir Castañeda @Vdymirr]

Slide Animation made in react native with react native reanimated

Code: https://t.co/UFhgACIfgL

#ReactNative #Reanimated3 #Animation #JavaScript #CodingTips #SoftwareEngineering #TechInsights #Programming #TechSkills #Coding #SoftwareDevelopment #DeveloperCommunity #UITips

[Vladimir Castañeda @Vdymirr]

Swipe animation in react native with react-native-reanimated

#ReactNative #Reanimated3 #Animation #JavaScript #CodingTips #SoftwareEngineering #TechInsights #Programming #TechSkills #Coding #SoftwareDevelopment #DeveloperCommunity #UITips #Expo

[Miguel Ángel Durán @midudev]

¡Aprende TypeScript con retos interactivos!
La página es gratuita y ofrece:

✓ +100 retos de programación
✓ Niveles de principiante a experto
✓ Explicaciones y soluciones de cada uno
✓ Ejercicios interactivos para ponerte a prueba

→ typehero․dev

[goncy.tsx @goncy]

Mañana Martes vamos a hacer el curso introductorio oficial de Next.js donde se crea una aplicación web completa desde 0, paso a paso 👀

Por twitch/goncypozzo 🤝

23H 🇪🇸
19H 🇺🇾 🇦🇷 🇨🇱 🇵🇾 🇧🇷
18H 🇹🇹 🇧🇴 🇻🇪 🇩🇴 🇵🇷
17H 🇨🇴 🇵🇪 🇪🇨 🇨🇺 🇵🇦
16H 🇲🇽 🇨🇷 🇳🇮 🇸🇻 🇭🇳 🇬🇹
14H 🇺🇸

[Namya @ Supafast @namyakhann]

Design is hard.

Here are my favorite places on the internet for design inspiration:

https://t.co/634unpLmDA → catalog
https://t.co/F9JRtUtwPO → websites
https://t.co/WfjbDrXDs9 → design research
https://t.co/8D2VszvuLf → mobile & web app
https://t.co/M8FMWSUaP9 → saas landing pages

[goncy.tsx @goncy]

Nunca me terminó de cerrar parallel routes porque no le encontraba un caso de uso. Hoy cuando vi el ejemplo de Partial Prerendering en la #nextjsconf me ayudó a darme cuenta de que estaba manejando mal algunas rutas y encontré un caso de uso que me hizo ver un montón de cosas ❤