I officially started on vide coding
What’s the feeling so far? So excited but also frustrated.
I feel excited because of the possibility. I can create complicated tools without writing a single line of code. AI takes care of the front-end, back-end, and database. I feel that we can build anything. As long as we have ideas, curiosity, and time.
But at the same time, AI isn’t perfect. The feature doesn’t work as expected, even after many times of iterating, communicating, fixing, and testing.
And as a designer’s point of view, the UI is very generic and similar to other apps. Many details need to be optimized. But when asking AI, they can’t do it as we wanted. And at this time, we need to know the basics of the technical to optimize the way we want. The pride of a designer doesn’t let me skip this step. I guess that’s the main point of a designer’s founder?!
But here is what I found and learned:
- Claude Code is super good, much smarter than Cursor. Cursor makes a lot more errors than Claude Code. I think it more than 10x time. After trying Claude for a couple of days, I feel Curor is a junior engineer, and Claude Code is a staff-level engineer.
- Having two different roles for the Agent will help you build a better product and take less time.
- Planner: will make us think about the feature, the motivation, the user experience, the whole journey before jumping into the paradox of details.
- Executor: Will help us execute the plan and visions that Planner built.
- In another language, it’s a team work between designers/PM vs Engineers. The same for AI.
- Shadcn UI and components are amazing. It’s an open-source Next.js component, but the details, how it works, and readiness,… are on another level. I can call it the best front-end component in the world now. All projects should use it. It’s also customizable and flexible, especially with TailwindCSS.
- I finally looked at TailwindCSS. How to say, it’s powerful, beautiful, well-set up. But it needs time to learn, and it bombards the HTML.
- Don’t work with the database so early. We should focus on the front-end and the experience first before working with the database. That will save us lots of time and money. Because once the front-end and database are connected, it’s much more complex for the Agent to build the app, especially when we want to add, remove, or edit some data point. Do them at the same time like you would need 3 different engineers: front-end, backend, and QA. While working with the front-end first, you focus on solving problems and working with only front-end engineers.
- Use more planning mode. Because it helps you really think about the product, not about the technical issues.
- Spend more time writing PRD. It will help you build a better product and guide the dev later. Less errors.
- Lovable builds 80% of the work in hours. But the remaining 20% takes weeks. Can we focus on 80%? But which one is the 20% that brings 80% value?
Will share more.