This is the third post in the Bombie series. The first post was an intro, the second covered the architecture. This one is a hands-on walkthrough: take a Material-UI component that isn't already in Bombie, and wire it up so it appears in the palette, drags onto the canvas, opens a property editor, and renders in the live preview. The whole change is five small edits across the same five files for every new component. Once you've done one, the next one takes about ten minutes. I'll use Rating as the running example. It's a single-leaf component (no children), it has a small but meaningful prop surface ( value , max , precision , size , readOnly , disabled ), and it's not already in the catalog. Prerequisites Clone and run Bombie locally: git clone https://github.com/amith-moorkoth/bombie.git cd bombie cp .env.example .env npm install npm start Enter fullscreen mode Exit fullscreen mode You'll get the builder at http://localhost:8080/generate-component .…