Completed the #BuildWithBuildAgent Challenge
Hi Everyone,
I used to think how it would be accessible and easy for people where they can just hear the 'Available spaces' at their office, instead of manually going to the Reservations and searching. On the go, they can just hover over the Available spaces filtering upon desks, conference rooms or whatever types are available. Best part is, you can hear the Name, Space at your office and click on Reserve to create a Reservation with pre-filled details based on logged in user.
That is where, I built 'WorkPlace Manager', one stop place where you can view all the available space at your office. Comes with a dashboard to see your current bookings, past bookings and a list where available spaces areas shown and the browser will speak the spaces.
The live walkthrough video can be checked here: https://www.linkedin.com/feed/update/urn:li:activity:7397899756339113984/
Step 1: Defining the App Concept
The idea was to create an accessible, workspace-focused application named WorkPlace Manager — a prototype that simulates how users can explore available workspaces, hear space details through speech output, and view their upcoming/past reservations.
I used data structured like in Workplace Service Delivery (Buildings → Spaces → Rooms → Reservations) to create the real experience with dependency on existing tables.
A key requirement was accessibility:
When the user highlights a space, the system uses the Web Speech API (SpeechSynthesisUtterance) to read out loud details like space name, campus, type, and more.
I learned about speechSynthesis and adapted it for this build. This can greatly help users who benefit from auditory support.
Step 2: Build Agent in Action
The Build Agent was tasked with generating the full prototype purely from natural language instructions.
It created:
A main Available Spaces page with structured workspace entries
Integrated speech synthesis so the model literally speaks as users navigate
A My Reservations section with future bookings
A My Past Reservations section with completed bookings
Simple navigation and a clean UI to bind it all together
Through iterative prompting, I refined the requirements, clarified the data structure, and ensured the agent understood accessibility, filtering behavior, and pre-filled reservation redirection.
Step 3: Results & Observations
The final outcome was a working prototype that demonstrates:
Accessible workspace discovery
Speech-driven interaction
Simulated reservations and history
Special shoutout to to @laurentapia for this thread.
Thanks for going through my use case and let us build more with build agent.
#BuildWithBuildAgent
Regards
Har**bleep**h Ramesh
