I got my hands on the newly released Claude 4.5 Sonnet and decided to give it a try.
At the company I work for, using cloud services is a bit of a hassle. We have to go through an application process to create accounts and get approval for sending information. I'd been thinking how convenient it would be to have a whiteboard app that could create business flows in real-time during interviews, so I enlisted "Sonnet" to help me build one.
The app I created is available on the following GitHub repository. Please feel free to try it out if you're interested.
Development Process
User Requirements Definition
First, I outlined the user persona: who the users are, what problems they face, and what features they need.
Requirements Definition
Next, based on the user requirements, I defined the necessary functions, the technology stack to be used, and the UI/UX requirements.
Vibe Coding
Since this was a personal project, from here on out, I proceeded with implementation while interacting with the AI based on the requirements definition.
Claude 4.5 Sonnet seems to have a stubborn side.
Even though I specified React + Typescript
in the requirements, it apparently didn't like that the template generated by Vite was Vanilla JS, and it just kept creating and deleting the project over and over. It's probably a good idea to keep a close eye on the process when you let an AI handle environment setup.
I also gave instructions for adding and modifying features via chat. In addition to the initially planned features like object placement and image export, I also had it add a function to adjust the size of objects.
Here's what the finished app's UI looks like:
The UI that Claude creates is sophisticated and very clean. I feel its capabilities as a coding assistant are extremely high.
On the other hand, I get the impression that different AIs have their own strengths: GPT-5 for project planning and Gemini for documentation. Perhaps the new standard will be to use different AIs depending on what you want to achieve.
Top comments (0)