My design journal
Insights from the studio and my own journey: tips, tricks, and a little everyday magic.
How I Write a DESIGN.md Before Writing Any Code
The real DESIGN.md (colors, type scale, component specs, and all) that keeps WPBueno's landing page, dashboard, and Storybook system speaking the same visual language. Real tokens, real reasoning, copy-paste structure.
How I Build Device Mockups Without Figma or Photoshop
No mockup plugins, no PSD templates, just a browser, some CSS, and Claude Code taking the screenshot for me. The exact technique (code included) behind every project thumbnail on this site.
How to Start as an AI-Native Design Engineer
The UX/UI and front-end skills I’d recommend to anyone who wants to design and build products with AI as their copilot, plus the honest advice no course tells you.
Welcome to My Corner of the Internet
A little hello: who I am, what I make, and the kind of everyday magic you’ll find around here.