SHE’S WALKING WITH A ROBOT LIKE IT’S THE MOST NORMAL THING IN THE WORLD.
A girl in a white dress crosses a busy street with a silver humanoid walking beside her. She checks her phone, smiles, and keeps moving while the robot follows along among the pedestrians.
That’s what makes this clip so strange: the machine looks like science fiction, but the scene feels like an ordinary afternoon.
Would you stop and film, or just keep walking?
Opus 5.5 is f*cking insane at UI design
20 tools to build your own UI design studio with Opus 5.5
landing pages. dashboards. app screens. full design systems.
collect the references, set the tokens, build the components, check every state, ship.
01 shadcn/ui
▸ copy components into your repo and own the code
https://t.co/XKJJpRTRuu
02 Frontend Design skill
▸ push your agent past templated default layouts
https://t.co/8Ttd2tljiQ
03 Tailwind CSS
▸ style everything with utility classes the agent can read
https://t.co/mwxHN4BNVh
04 Radix Primitives
▸ get accessible dialogs, menus and popovers out of the box
https://t.co/jFisO6XFg5
05 Motion
▸ add hover, press and layout micro-interactions
https://t.co/AfpzmM4Guz
06 Magic UI
▸ drop in animated landing page components
https://t.co/akf6oO1u0w
07 Lucide
▸ keep every icon in one consistent style
https://t.co/5QPNkZ11OC
08 Figma MCP
▸ hand your agent the real frame, variables and components
https://t.co/oKmruYeWlD
09 Mobbin
▸ study real app screens before you design (free tier)
https://t.co/Lozpddo9RQ
10 Laws of UX
▸ ground layout decisions in proven principles
https://t.co/alLkTBScfK
11 Google Fonts
▸ choose typefaces for headlines and readable body text
https://t.co/x4dyvBajkx
12 Fontshare
▸ get free display fonts that don't look like everyone else's
https://t.co/S6QFUsXQkB
13 Realtime Colors
▸ preview your palette on a real page before committing
https://t.co/liwYOE39GB
14 WebAIM Contrast Checker
▸ make sure your text actually passes contrast
https://t.co/dMH2nj2TJC
15 Storybook
▸ build and review every component state in isolation
https://t.co/QdFcDZKJa4
16 Playwright
▸ let the agent screenshot its own UI and fix what it sees
https://t.co/xRU5NgO6Gd
17 Chrome DevTools MCP
▸ let the agent inspect the live page, console and performance
https://t.co/284ELpPQxo
18 Unsplash
▸ find free photos for heroes and mockups
https://t.co/2WMi0kjZQ8
19 Squoosh
▸ compress images before they slow the page down
https://t.co/U0S5RJiIXu
20 Vercel
▸ ship a preview link for every change
https://t.co/p4YRHLaWus
the loop:
write the brief → collect references → set the tokens → build the components → design every state → screenshot and fix → ship
start with one screen. make every element earn its place.
save this, then read the full guide for Opus 5.5 UI Engineering ↓