Designer & Product Builder ✌🏽 Founder of VC-backed startup https://xitter.cf/t.co/qr5fA0Alha 🚀 Also building https://xitter.cf/t.co/DTwoQqy3af ⏲ & and https://xitter.cf/t.co/teMR5SqsOi 💻
London UK
Joined June 2022
- Tweets2.1K
- Following288
- Followers2.9K
- Likes3K
Quick designs: making a button pop 🎈
Login doesn't need an outline. Existing users will find it.
The main CTA has to earn the click: lift it with an inset shadow, add a rotating conic glow on hover, and swap the copy for a win: "Book my first client".
#uidesign #claudecode
I made this in Claude Code. Not After Effects.
One file. No libraries, no timeline, no render queue. The agent writes the camera math, not you.
Drop your own screens in, tell it your story, and it writes the camera tour.
That's a product promo. From a folder of screenshots.
I packaged this exact style as a skill. Laptop mockup, real window UI, camera flying over it:
granular.build/marketplace/r…
These little decorative moments are what separate a stale product from one that feels alive. And they've never been easier to build.
The trick: don't let your agent put design straight into your code.
Scratch file first. Sliders for whatever the effect needs. Tune it by eye. Paste the numbers back.
Density: 2.16. I didn't guess that. I felt it.
The full guide, the prompts, and real scratch files from building Granular:
granular.build/blog/scratch-…
Adding an agentic canvas right inside @GranularBuild.
> Mockup in HTML / CSS scratch files, then build the real thing all in one canvas.
> Leave comments for your agents to pick up across your app in one go.
> Drop any visual file from your code base right on the canvas to visualize your work.
designers, it's your time to shine and fight against the slop. Your thoughts are most valuable in the agentic era, and can really become truly polished apps.
Quick designs: baking a canvas toolbar, one prompt at a time.
Link in bio if you want to learn how to build like this, design like this.
Granular now let's an agent control multiple terminal coding agents from one chat and delegate to it!
Granular Live Workshop: Edit Videos With Your AI Agents xitter.cf/i/broadcasts/1kKzDPXgn…
You've seen websites where the scroll tells the story.
They look like an expensive studio built them. Not anymore.
Every section is a beat, and the layout transforms between beats as you scroll. I've built dozens, so I packaged it all into one skill for your AI agent.
The Scroll Beat Kit: the skill plus a gallery of every move (flip, spin, split, fold, backflip, come apart). Works with Claude Code, Codex, Gemini:
granularapp.dub.link/scroll-…
Omar Farook retweeted
AI is making creativity more valuable than ever before and..
we have 3 years of data to prove it.
Introducing the Creative Intelligence 2026 report from @contralabs.
Full report: c87.to/creative-intelligence…
I stopped reading the plans my AI agent writes.
I'm vibe coding. A 2,000 word spec tells me nothing. It's probably correct, I just can't judge it.
So I make it show me instead: one throwaway HTML file, built on my app's real styles, every state clickable.
The full guide, the prompts, and the real scratch files we used to build Granular (file viewer, connectors, git prompts, the thinking animation with live sliders):
granular.build/scratch?utm_s…
Granular Live Workshop: Building Anything With Your AI Agents xitter.cf/i/broadcasts/1oKMvNXvv…
Your agents can now use 1,400+ apps inside @GranularBuild.
Gmail, Calendar, Drive, Slack, Figma and more. One click each.
Every model can use them: Claude, Codex and Gemini.
You choose what each app can do, and it asks before it sends or deletes anything.
When you're vibe coding, your AI agent forgets WHY it built everything.
Two Markdown files fix that:
📓 The project log: what you asked, decided and shipped. Append only.
🗂️ The roadmap: headings are columns, bullets are cards.
Works with Claude Code, Codex, Cursor.