Icon Composer 2 is beyond better than IC1 versions.
The Liquid Glass looks so much more realistic and we have more granular control.
Just being able to change the refraction is pretty amazing.
People ask what I use for screen recording.
I built one in Codex because I was tired of jumping between Screen Studio and CapCut every time I made content for X, YouTube, and Instagram.
One tutorial meant exporting 4:3, 16:9, and 9:16 versions, fixing audio, captions, layout, then re-exporting when something changed.
Now everything happens in one tool.
That's what I love about AI: you can build the tool you wish existed.
hardcoded tooltip CSS works until it meets the edge
bad (gets clipped):
position absolute
left 100%
translateY(-50%)
good: (collision aware)
measure viewport space
choose placement
set top/left
move the arrow
animate from the correct origin
We just launched 𝚟𝚎𝚛𝚌𝚎𝚕-𝚌𝚘𝚖𝚙𝚘𝚜𝚒𝚝𝚒𝚘𝚗-𝚙𝚊𝚝𝚝𝚎𝚛𝚗𝚜: every lesson from the talk below, now available as a skill.
Turn your React code into something you (and your LLM) enjoy working with.
▲ ~/ npx skills add vercel-labs/agent-skills
Stumbled upon a Codex skill that creates cool illustrations to explain topics or tell stories.
You feed it text (blog, article, narrative, even code) and it makes explainer graphics with this cute blob character.
I gave it the repo for the X recommendation algo and got this 👇
Added 6 new transitions to https://t.co/d7VPDcObUs
You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex
npx skills add jakubantalik/transitions.dev
Since Opus 4.8 is out and more and more designers are getting into Design Engineering, I thought I’d share some of the interaction patterns I use most often:
Use proximity, not just hover. When the cursor gets close, nearby elements can subtly scale and darken based on distance.
It makes interfaces feel more responsive, less binary, and way more alive
onpointermove = e =>
document.querySelectorAll(".dock>*").forEach(el => {
const r = el.getBoundingClientRect();
const t = Math.max(0, 1 - Math.abs(e.clientX - r.x - r.width/2) / 120);
el. style.scale = 1 + t * .5;
});
Introducing Hallmark!
An open source design skill to make beautiful UIs and landing pages by default.
Works in Claude Code, Cursor, and Codex.
npx skills add nutlope/hallmark