Sabitlenmiş Tweet
Dhruvin
2K posts
Dhruvin
@writenicecode
Design ✦ Code ✦ Bugs
Building Katılım Ağustos 2021
787 Takip Edilen3K Takipçiler
@maybepratikk Aaah shoot, I was just in blr for a month. Heading back to Mumbai tomorrow
English
Can't wait to test this out.
We need agents to create better videos.
Jeremy Yudkin@yudDIDit
Today, @editframe emerges from stealth. Agents need video. Editframe Agent Skills: npm create @editframe@latest Just prompt Claude Code, Cursor, or Codex and get a working video or a full interactive GUI. This video was created just by prompting 👇
English
I launched @hellomacfolio 10 days ago
one trick that resulted 748 org clicks
who can guess what it is?
English
Here's how to get pixel perfect screens from Figma with clean maintainable code using codex.
You need to use the atomic design paradigm.
It forces every component to own its logic. Debugging gets a lot easier after that. LLMs tend to create fewer bugs when the repo follows atomic design.
If you repo does not have proper components, you should just use a existing system like shadcn or mantine.
For Figma
Don’t treat the screen as one thing.
Break it into layout + components. Then prompt each part separately.
In a mono frontend/backend repo, I get almost pixel perfect UI with barely any bugs. Everything just connects properly.
For bigger, more complex screens
Go one level deeper.
Start with the layout. Break down every component. Each component gets its own thread.
You get way more control this way. Things stop randomly breaking, and when they do break, you know exactly where to look.
Use this with git worktrees, and multiple threads for multiple component.
English
@writenicecode Never tried dictation app, might try one day always went on typing (135wpm)
English
I also love using open superwhisper with codex.
When I'm attaching files in a new thread I need to type, but when I'm following up, I just love to speak and it's so much faster.
I tried Superwhisper and WhisperFlow as well, but Nvidia has an open source model so I don't think it makes sense to pay for a open source model.
Open superwishper is an open source project. Links in the comments.
Dhruvin@writenicecode
Here's how to get pixel perfect screens from Figma with clean maintainable code using codex. You need to use the atomic design paradigm. It forces every component to own its logic. Debugging gets a lot easier after that. LLMs tend to create fewer bugs when the repo follows atomic design. If you repo does not have proper components, you should just use a existing system like shadcn or mantine. For Figma Don’t treat the screen as one thing. Break it into layout + components. Then prompt each part separately. In a mono frontend/backend repo, I get almost pixel perfect UI with barely any bugs. Everything just connects properly. For bigger, more complex screens Go one level deeper. Start with the layout. Break down every component. Each component gets its own thread. You get way more control this way. Things stop randomly breaking, and when they do break, you know exactly where to look. Use this with git worktrees, and multiple threads for multiple component.
English
@writenicecode Yessir, my team and I also do the same approach and it's more stable and much less frustrating
English
when you're at @fof_mumbai 's banger meetjam event - the energy, people, conversations, laughter and the design banter which made me almost forget the mumbai heat✨😮💨
English
It's already live somewhere on the internet.
Design in Figma, animated in code as SVG animation.
The page performance is still very solid since the animation is optimized through and through.
English
