Nathan Guo

📱Product Designer @sap 🎛 @iclinz 🎓 人大 RUC 🚲 @BromptonBicycle rider 🤹‍♀️ Amateur Juggler

[Lenny Rachitsky @lennysan]

The tech job market is in its best shape in years. But almost none of the growth is coming from software jobs.

There are 281,000+ open roles at tech companies, up 17% from a year ago and 73% from the March 2023 low.

But open PM, eng, and design roles grew just 2%. Design (−28%) and UX research (−45%) actually shrank.

So where’s the growth coming from? Hardware engineering openings doubled. Business ops added ~4,200 openings. Supply chain is up 63%. Many of the fastest-growing jobs are physical: data center technicians, installers, field service engineers.

The AI boom is creating jobs, but mostly in building and running the physical infrastructure (chips, data centers, hardware), not building software.

Times, they are a-changin’.

Full report: https://t.co/Gly6uqwKxe

[Nathan Guo @yellingBytes]

A little UX paradox in @LinkedIn settings.

Dark mode: On
Actual interface: Blindingly bright. ☀️
Turns out, “Dark mode: On” means the setting is on the screen, not that dark mode is enabled. You have to dig one level deeper to discover that “Always off” is selected.

A classic case of ambiguous labeling and poor visibility of system status.

A simple fix: Show the actual selected value — “Off” or “On” — instead of just the setting name.

Good UX shouldn't make users open a setting to understand its current state.

#UXFails #UXDesign #InteractionDesign #Usability #LinkedIn

[Hashem Al-Ghaili @HashemGhaili]

I built an X-ray mirror using Claude Fable 5.2. 💀

Point a webcam at your face and see the skull, brain and muscles inside your head, tracked live as you move. Open your mouth and the jaw opens. Hold up a hand and you see its bones.

One web page, no install, and the video never leaves the computer. Built with Claude Fable 5.2 by describing what I wanted. You can download it and try it for free. Link in the comment section. 👇🔗

Anatomy models: BodyParts3D, © DBCLS, CC BY-SA 2.1 Japan.

[DANN© @DannPetty]

Vectorize your stuff with Quiver, y'all.

[harshit @hrstwt]

Craziest Website Reveal ever —>

[OpenAI @OpenAI]

For AGI to benefit all of humanity, it should help people with the everyday tasks that matter most to them. So we built LifeVal, a new benchmark shaped by feedback from thousands of ChatGPT users on where they most want help from a personal assistant—from finding childcare to accessing government services to managing personal finances.

Over the past year, we’ve used LifeVal to measure and improve how well our models handle these everyday tasks.

https://t.co/GlUjixzEM0

[Andrej Karpathy @karpathy]

Weekend hack: HackerTube. I was annoyed with YouTube's recommendations so I had Claude filter down 43M comments over 20 years of HN to 6,454 videos that keep being recommended. *Significantly* better viewing experience, ~2 hours with Opus 5.5:
https://t.co/JIhXN7OSh1

- Excellent recs without any logins (state is kept in local browser session)
- Thumbnail is a representative frame from middle of the video instead of the super duper A/B test hyper-optimized user uploads
- Underlying data from the comment analysis as one zip file, point your Claude at it and ask for your own version
- HackerTube Longs ✊

A bit more on the process:
I use Claude Code (desktop app for Mac), Opus 5.5 on Medium effort as my default. I only talk to Claude and have it do everything, the only "manual work" I helped with in tandem was in the browser (reminiscent of MenuGen): 1) I had to create some kind of API key from Google Cloud UI to query YouTube for video metadata, 2) I booted up a VPS box for serving and 3) I bought the domain name. Once the box was up I gave Claude the IP and told it update, secure, harden, deploy and optimize the code, and it did the whole thing.

Many awesome projects that would have normally taken weeks/months even can now be few-shotted for breakfast. What else are we not thinking of.

[Ding @dingyi]

本周最佳！

[余温 @gkxspace]

牛逼啊，大佬刚把“爆改 slop 界面”封装打包开源了：
https://t.co/hTcBvia0H9

装好直接敲 /unslop，落地页、后台看板、手机 App 都能改，React、Tailwind、纯 HTML......

[Nathan Guo @yellingBytes]

having the mental model for the #designEngineer course from @emilkowalski this particular part is so pleasant and mind-comforting. #vibecoding #builder

[Nathan Guo @yellingBytes]

Design Intent + Tokens + Components + Rules
AI Steering Layer
->
AGENTS.md · Code · Live Examples
->
Consistent AI-generated UI

power of AI steering layer

#ainative #productDesign

[Luke Wroblewski @LukeW]

design teams have spent years trying to get people to actually read their design system documentation. agents can read them every single time they write code.

new article on design systems for agents:
https://t.co/MYvG4UyQSS

[Nathan Guo @yellingBytes]

that's fantastic project

[Kelvin @KelvinAdithya]

This book is basically a cheat code for logo design, so I turned the whole book into a site so yall designers and devs can grab every mark as svg. 1,504 marks and counting

👉 https://t.co/kgfWZiPyV0

drop a dm if there's another book you want me to add

[kiosa @thegreatest_sv]

Holy sh*t I spent weeks turning Claude Code into a design studio.

no Figma license. no agency. no plugins I had to pay for.

here's the stack I used and it's embarrassingly simple:

-> graphify: teach Claude your brand
dump your guidelines, logos, PDFs and old projects into one folder. graphify turns it into a knowledge graph, so every design Claude makes follows your rules instead of guessing. 134k stars, Y Combinator.
uv tool install graphifyy -> graphify install -> /graphify .
https://t.co/4jokm3ebW1

-> Figma-Context-MCP: Figma straight to code
it hands your actual Figma file to the agent. the README says it builds designs in one shot, and does it better than pasting screenshots.
https://t.co/0No2r6eEUs

-> Penpot: the open-source Figma
free, open source, and its MCP server lets AI read and edit your designs, then hand them to code and back.
https://t.co/9MDSY9cVGC

-> React Bits: the "expensive" look, for free
the biggest open-source library of animated React components. those smooth hover effects and text animations you see on high-end sites? copy, paste, done.
https://t.co/3g6mZWOA7I

-> HyperFrames: designs that move
write HTML, get a finished video. made by HeyGen for AI agents. your landing page can now have its own launch video by tonight.
claude plugin marketplace add heygen-com/hyperframes -> claude plugin install hyperframes@hyperframes
https://t.co/TyUf1vFELD

-> MCP for Blender: 3D without learning Blender
connects Claude to Blender. describe a scene, the agent builds and edits it in real 3D.
https://t.co/nG4caKbnTI

the order that works:

brand into graphify -> design in Figma or Penpot -> Claude builds it with React Bits -> HyperFrames makes the promo -> Blender adds the 3D hero shot

the uncomfortable part:

tools used to be the moat. now everyone has them for free.

the only thing that still separates good design from AI slop is taste. and taste is the one thing you can't install.

bookmark this. your next client will ask why you're suddenly so fast.

[Nathan Guo @yellingBytes]

need to dig down on this😍

[eigen @e1genqq]

HOLY F*CK, motion studio in 20 repos.

20 open-source skills for Opus 5.5.

Animation. Physics. 3D. Sound. Delivery.

01 Remotion → React video engine https://t.co/w0z2Hw0CK4

02 HyperFrames → HTML-to-video renderer https://t.co/SYaBzpTEcI

03 Anime.js → Timeline choreography https://t.co/1pBmRIK3j2

04 React Spring → Spring animation https://t.co/Hz5WZ8FTHO

05 PixiJS → GPU-powered 2D graphics https://t.co/wwZJXMnA54

06 p5.js → Generative visuals https://t.co/Mka6oRT4l3

07 Paper.js → Vector paths
https://t.co/TROE2WuNHm

08 Matter.js → 2D physics
https://t.co/BNcgtwJ4fL

09 Three.js → 3D scenes
https://t.co/xEYhuCgtD8

10 Rapier → 3D collisions
https://t.co/9olSNfjTbq

11 OGL → Custom shaders
https://t.co/lm2sscOybY

12 tsParticles → Particle effects https://t.co/vqJrFPjg29

13 glTF Transform → 3D asset optimization https://t.co/nLwkwOoJmc

14 GL Transitions → Shader transitions
https://t.co/Z5kZzXcDU0

15 OBS Studio → Screen capture https://t.co/8tbe47USHo

16 Chatterbox → Voiceovers
https://t.co/de6zjDFSTV

17 Tone.js → Synths and sound effects https://t.co/l15z92P0TA

18 faster-whisper → Caption transcription https://t.co/iMD1vRH1et

19 OpenCut → Timeline editing
https://t.co/l9uFAvlnw0

20 FFmpeg → Encoding and delivery https://t.co/32LdpVocVR

Brief → prototype → animate → render → ship.

Bookmark this. Go build something worth watching ↓

[Nathan Guo @yellingBytes]

Protecting the Thinking Behind Great Design | Inside Linear's Design Team https://t.co/I1m8NR9Sh0 via @YouTube

[Meng To @MengTo]

I made a skill that turns your app into a demo in HTML.

So they stay sharp at any size, loop, scrub, jump to any step and stand still for reduced motion.

I open-sourced it as a skill:

https://t.co/TPJ0A8qPJb

[Nathan Guo @yellingBytes]

insane progress 🫨

[Unitree @UnitreeRobotics]

Unitree Introducing: H2-X Kung Fu Legend Guardian🤖
Powerful performance to serve and guard you, with a maximum endurance of approximately 8 hours.
Please use the robot safely and in a friendly manner.

[Nathan Guo @yellingBytes]

Our vibe design practices @SAP in @vercel Ship 2026 https://t.co/uxuL0OqP5G via @YouTube

[Nathan Guo @yellingBytes]

look even more sleek

[Movez @0xMovez]

Opus 5.5 is great for motion design but...

/colorfigures skill will turn Claude into a premier illustration studio

• hand-inked isometric figures from a photo or a name
• every part works: lids open, disks go in, screens boot
• one HTML file with colour swatches & wobble slider

send the skill to your Claude:
> https://t.co/1879rauiu7

[Dilum Sanjaya @DilumSanjaya]

Hardware looks scary until you break it down into small steps. So I built an app that takes you through Arduino one circuit at a time.

Made with Opus 5.5
https://t.co/1AL82geKtQ