Shaw
@shawmakesmagic
How to vibe code productively: 1. Always start with tests. Test driven development is the only way. Tests should use real components, in real environment. 2. rigidly set up type checking and linting in max strict mode 3. Outline exactly what you want in great detail, including a full PRD, define exactly what a user can and cannot do 4. Research the problem, competition, similar etc with DeepResearch and build a report to start your prompt with. 5. Always gaslight your model and have it criticize it's work. Whenever the agent says "I'm done! Everything is production ready!" assume this is the opposite of the truth 6. Bottom up. Build the smallest pieces individually, get them working and testing, connect them together -- you can build full fullstack production if you start with the underlying systems and then build them up with tests and connect them together 7. Nothing replaces expertise. If you know how to code and what to avoid, you'll save yourself a LOT of trouble and cost
2 replies
4 recasts
25 reactions
Samuel ツ
@samuellhuber.eth
Do you provide mock functions or the API in the PRD so the model knows what to write tests against or have it iterate a first working version with the tests so you know you‘re good to start? AND how to get good looking and feeling frontends vibe coded up 😁 For me for backend with unit tests it’s been clutch especially with Effect TS which is way more strict then pure Typescript
3 replies
0 recast
2 reactions
Shaw
@shawmakesmagic
I think that's a really good way to go about it but TBH I just test on real APIs For frontend, I use Cypress testing, so the autocoder will make sure every button exists and is functionally present. Can't make it not look like shit but it's surprisingly good at default saas form builder stuff.
1 reply
0 recast
1 reaction
MetaEnd🎩
@metaend.eth
I moved to backend in go (1.22+), it's so much easier and efficient. Worst case you query in gemini which is probably the best LLM for golang
0 reply
0 recast
0 reaction
Shaw
@shawmakesmagic
I've JUST started expeimenting with having puppeteer take screenshots and passing that in as input, and its surprisingly good, but not cheap
0 reply
0 recast
0 reaction
