Thiago Alves Luiz (@devthiago) header
Thiago Alves Luiz (@devthiago) profile picture

Web developer that likes a lot JavaScript and studies different front-end techniques to improve user experience

Santa Maria, Brasil
Joined February 2009
Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)Photo by Thiago Alves Luiz (@devthiago)
Thiago Alves Luiz retweeted
10 agent evals for AI engineers: (explained with usage) 1) golden set → a fixed set of cases you never edit, run on every single change. → use as the baseline that tells you whether anything moved at all. 2) llm as judge → a second model scores the output against a written rubric. → use when the answer is open-ended and there is no string to match against. 3) rubric scoring → one number per dimension: correctness, tone, safety, cost. → use when a single score hides which part actually got worse. 4) trajectory eval → grade the path the agent took, not only the answer it landed on. → use when the right answer for the wrong reason is going to bite you later. 5) tool unit tests → test each tool on its own, with fixtures, no model in the loop. → use always. most agent bugs are tool bugs wearing a costume. 6) regression suite → replay past runs against the new prompt or model and diff the results. → use before every prompt change, because prompts have no type system. 7) a/b in prod → split live traffic between two versions and compare outcomes, not vibes. → use when offline scores stopped predicting what users actually do. 8) human review → sample a slice of runs and have a person grade them honestly. → use to calibrate your judge, because a judge nobody checks quietly drifts. 9) shadow run → the candidate runs on real traffic in parallel and its output is shown to nobody. → use before a risky rollout, when one bad answer would be expensive. 10) red team → deliberately attack it: jailbreaks, injection, exfil, tool abuse. → use before anyone external can reach it, not after. offline evals tell you it works. online evals tell you it still works. both sides matter, but not all ten do. run the two that would have caught your last outage. save this. then read the full breakdown on loop engineering below.
62
242
3
1,470
152,485
Thiago Alves Luiz retweeted
🚀 Introducing ShadcnDashboard.dev A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & @base_ui ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to @shadcn for creating such an amazing ecosystem ❤️ 🔗 shadcndashboard.dev Would love your feedback.
8
34
10
417
70,061
Thiago Alves Luiz retweeted
New useful skill that tracks informative X accounts and collects key AI news, articles, projects and other important materials Works with Codex, Claude, Hermes, OpenClaw and others 3 steps: 1\ Set up X MCP - X API: docs.x.com/tools/mcp#x-mcp-%… 2\ Install the skill from here: github.com/dair-ai/dair-acad… 3\ Run this prompt: "Use the x-agent-intelligence skill to create an autonomous local feed based on my X MCP connection; ask me for source handles if needed, save the result as feed.html and check it" It generates a clean HTML artifact you can customize however you want After that you can schedule or automate it to run daily or at any other interval. The author runs it every 4 hours You select the X accounts yourself (a few solid options are already in assets). You can also ask your agent to configure the feed exactly the way you need Storing the feed in wiki format is possible but optional
22
14
1
167
18,888
Thiago Alves Luiz retweeted
I'm testing a new library (img2threejs) converts pictures of objects into usable, performant three.js scenes. 👇
44
221
25
2,859
144,018
Thiago Alves Luiz retweeted
Adding voice messages to your AI chat app? 🎙️ useAudioRecorder() → record → get a ready-to-send audio part. That's it. One API across React, Vue, Solid, Svelte & Angular.
8
31
2
589
43,350
Thiago Alves Luiz retweeted
Identifies unique visitors reliably without cookies or local storage github.com/fingerprintjs/fin…
9
138
2
1,302
65,438
Thiago Alves Luiz retweeted
Google just open-sourced a collection of agent skills that connect your coding tools directly to Stitch. It's called Stitch Design Skills. → Convert React, Vue, or HTML code directly into Stitch designs → Generate multi-page websites from a single prompt → Export Stitch designs back to React or React Native components → Works with Claude Code, Codex, Cursor, and Gemini CLI 100% Free.
2
11
62
5,468
Thiago Alves Luiz retweeted
Turn any google street view into a 3d gaussian splat 🤯 Just paste a link from google maps and it generates a fully immersive 3d scene. 100% Free.
26
137
3
1,278
79,502
Thiago Alves Luiz retweeted
Web Designers and Developers, this might be the next-level animation library ReactBits gives you a growing collection of smooth, modern UI animations you can plug straight into your projects. Website → reactbits.dev
34
254
15
3,342
207,904
Thiago Alves Luiz retweeted
I have been working with CSS for ~20 years, and this guy keeps amazing me by showing what can be done with a few lines of it
one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }
14
41
1
1,960
146,305
Thiago Alves Luiz retweeted
i built this in @hiunicornstudio & @framer the cool thing about controlling the webgl uniforms inside a framer component → you can smoothly control your scene between pages (view transition API) see how the URL changes?
15
25
5
411
23,828
Thiago Alves Luiz retweeted
Here's how to vibe code your very own 3D game characters for iOS. > nano banana pro > meshy for rig > export to glb > threejs skill to import > capacitor js for iOS > GPT 5.3 codex Full prompts + workflow in 🧵
32
109
5
1,491
144,399
Thiago Alves Luiz retweeted
This guy is rebuilding Microsoft Flight Simulator in the browser with Opus 4.6 Very impressive fly.alistairmcleay.com
Just shipped v2 of my flight sim inspired by @levelsio! You can now fly anywhere on Earth: - NY - Hong Kong - Rio - Your hometown - Literally anywhere Speedran this in ~1hr using Opus 4.6 and GPT-5.3 since they both shipped today! fly.alistairmcleay.com
107
153
5
3,067
485,171
Thiago Alves Luiz retweeted
img:hover { scale: 1.2; clip-path: inset( 10% 10% 10% 10% round 20px ); } nice, n' simple codepen.io/argyleink/pen/MYe…
13
51
2
905
28,572
Thiago Alves Luiz retweeted
Wild how far you can push "customizable select" with just #CSS
45
74
6
1,577
103,280
Thiago Alves Luiz retweeted
We reached $15M TVL on @base 🎉 This milestone is a testament to our strong community and the value we are bringing to DeFi. And trust us, this is just the beginning. LFY!
11
3
2
88
5,350
Thiago Alves Luiz retweeted
Introducing YO: The Last Vault You’ll Ever Need YO stands for Yield Optimizer. ✌️🪀 Say goodbye to manual yield farming. Say hello to automated, risk-adjusted, multichain yield. 🧵
42
54
34
437
135,668
Thiago Alves Luiz retweeted
Why do we only play piano in MR? I think it’s the perfect tool to learn to play guitar👇🏻
135
1,391
314
7,071
2,915,788
Thiago Alves Luiz retweeted
To change a color based on Light Mode or Dark Mode, you’d typically use a `prefers-color-scheme` Media Query. To make things easier, CSS now comes with a `light-dark()` utility function. Read brm.us/light-dark to get to know the details. Browser Support: Firefox 120.
16
155
28
728
139,506
Thiago Alves Luiz retweeted
Image Upload and Cropping with Remix JS and Easy Crop. Using Shadcn UI - Bundler with Package Management. @remix_run @shadcn youtu.be/SrnTNV9vyJ0?si=_oHl…
1
6
20
4,394