Guillaume Dumoulin retweeted
你的网页UI做得烂,不是你水平低,而是你没跟AI说清楚你的需求!
真正限制你的,不是想象力,而是你压根不知道怎么描述你要实现的效果。
这个项目,收录了192个带专业名称的效果库,每个名称还配有动态示例,让你直接点击Copy Prompt,即可一键让AI帮你实现你想要的效果。
落地页特效、动效、镜头移动、摄影风格等方向,全都有作业可抄!
1. 项目地址:
github.com/showheyohtaki/mot…
2. 动态画廊,所有效果均可实时播放:
showheyohtaki.github.io/moti…
3. 也可作为 Skill 直接给 Agent 调用,让它直接帮你改好:
npx skills add showheyohtaki/motion-prompt
你的网页UI做得烂,不是你水平低,而是你没用好这些组件库!
1. Looseleaf
纸张纹理 + 手绘钢笔线条 + 胶带贴纸风格,像画在笔记本上的完整界面。
kevintngo.github.io/looselea…
2. Rare UI
专门做稀有的动画组件,每个组件一个文件,支持shadcn CLI/MCP安装
rareui.com
3. ExpoKit
带液态玻璃、3D效果、图表等的移动端高端组件库
expokit.in/
4. goopUI
帮你做出会滴落、拉伸、融合的液体物理效果。
goop.timmcmasters.work/docs/…
5. beUI
动画丰富的组件库,覆盖Web和React Native。
beui.dev/
6. Sketchbook UI
手绘笔记本风React组件库
sarthakrawat-1.github.io/ske…
7. AffectUI
专注AI产品的React组件库,Agent可观测性做得非常深
affectui.com/
Guillaume Dumoulin retweeted
zenstruck/messenger-monitor-bundle is getting a facelift! 💅
Goodbye, generic Bootstrap look! A fresh dark theme and a cleaner dashboard put your Symfony Messenger metrics front and centre.
Take a peek 👀
github.com/zenstruck/messeng…
Guillaume Dumoulin retweeted
Introducing Pixel play, 2d Pixel art game assets which are interactive.
now in beta, soon i will release this on itch . io
Playground link below:
Guillaume Dumoulin retweeted
Collage of thoughts from watching the BumpTop demo (from 20 years ago!):
Thanks to @just_be_dev for the recommendation. Original video at youtube.com/watch?v=M0ODskdE…
Guillaume Dumoulin retweeted
Today I want to share some experiments from Apple DNA.
My bigger goal is to build an interface for Pocket Factory that feels familiar and native across every platform, from the web to iOS and Android.
That’s why I started Apple DNA: an attempt to reconstruct the feeling of Apple’s native software and make it work universally on the web.
Using the components, interactions, and design language I’ve recreated so far, Claude helped me explore a few concepts:
Family an app to organize family life, imagining how Apple might approach it as a native experience.
A new Home Screen an experiment in rethinking how we interact with our phones, exploring what an AI-driven interface could feel like.
These are mostly experiments, a dump of ideas to test how far the system can go.
Everything you see is entirely HTML, generated by AI using Apple DNA as its foundation.
What interests me most is that this could go beyond recreating native interfaces. It could eventually become a universal design language for agentic systems, where AI can build interfaces that feel coherent, familiar, and genuinely native.
Still early, but that’s exactly what I’m trying to explore.
Guillaume Dumoulin retweeted
built myself a knowledge board where opus and I connect the dots
should i open source it?
Guillaume Dumoulin retweeted
here is how I iterate rapidly on physical products with AI and a 3D printer
I am building Button Box and am now iterating on the enclosure.
for context, I have zero experience with industrial design or building physical products
I use:
- 3D printer: Bambu Lab X1 Carbon, PLA
- Opus 5.5 medium is my orchestrator for the whole business, it has all my context and we iterate on the box together
- it hands off the actual CAD design to Astra
- coded sol actually works with bambu studio to send to print
two core things I do to iterate fast:
1. I don't print the entire enclosure as I iterate. I print specific parts, which we call coupons.
every part that goes into the box, I measure with calipers, so opus knows the exact dimensions and can help me position it.
for example, I want my PCB held inside the box, so I print a coupon just for that.
it's a small part, so it saves a ton of time. Claude comes up with the experiments, so I might print 3 coupons of the same part and test them. same for screw posts and holding an NFC reader.
2. I also iterate on creative decisions like the speaker’s grille.
Claude has all the context about the business and the product philosophy, so it can come up with many variations.
I also asked it to check kids' products like Yoto and Toniebox to see how they do grilles.
we learned they mostly do little dots.
Toniebox has dots in a cat design, so I wanted to see if we could do different ones.
I asked for 4 variations and printed small versions of them as coupons, so I could quickly see which one I like.
Btw the limiting factor here is how fast the printer prints (which makes me want to get a few more).
This is obviously compounding. I can go through many different iterations. I can change the BOM and quickly redesign the enclosure around it.
Guillaume Dumoulin retweeted
Here are a few ways to make your app feel faster:
- Use ease-out instead of ease-in for instant feedback
- Keep most UI animations under 300ms
- Use custom easing curves for snappier interactions
- Make your loading spinners spin faster
Guillaume Dumoulin retweeted
Thank to @just_be_dev for coming by and checking out my tabletop project!
Guillaume Dumoulin retweeted
Experimenting with sending content from the tabletop to other screens. Makes it feel more like the entire room is my desktop.
Guillaume Dumoulin retweeted
Untapped game aesthetic 👀
Guillaume Dumoulin retweeted
man i fucking love data oriented design. this runs at roughly 5k fps(!!!) and it still recalculates layout every single frame.
this is all possible due to architecting for DoD from the start and extensive use of arena allocators which Odin makes really easy to do.
excited to write more about the entire process of building this library from scratch, everything from spawning a window, drawing shapes thru the GPU, to resolving layout.
Guillaume Dumoulin retweeted
Introducing terminal-mac.
Entire MacOS that runs inside your existing terminal.
- Give your agent its own Mac, and keep yours
- Watch it work live, next to your terminal
- Computer use built in: MCP, CLI and skill
- Free & open source
Guillaume Dumoulin retweeted
people asked how I turn a single svg path into a 3D volume
here is a visual explanation 👨🎨
Guillaume Dumoulin retweeted
Drag-and-drop makes the digital graspable, but building it well is fiddly enough that many don’t bother. Declarative Dragging (with Josh Horowitz & Jeff Heer, #uist2026 best paper award), lets you make an element draggable just by listing the states dragging it can reach.






































