Clean Code is Sexy Again: Making Your Vue Project AI Ready
summary
Clean code becomes a requirement for effective coding agents: projects need tests, small components, and lint/type feedback loops so agents don’t churn nonsense. Practical setup includes an agents.md/brain folder with progressive disclosure, Cloud Code skills and hooks, a small coding loop like nano code, and tooling such as agent browser CLI to reproduce bugs and VueUse git subtree to teach library patterns. A real experiment ports React Ink to Vue by porting tests first — AI generates working code but requires human review and cleanup.
AI-written summary · about
chapters (11)
- 0:00Introduction and AI overview
- 2:13AI-assisted development levels
- 4:58What is a coding agent
- 8:03Context and agents.md optimization
- 11:33Brain maxing and project memory
- 16:09Principles and library integration
- 18:36Feedback loops for reliability
- 22:34Discoverability with feature slicing
- 26:07AI workflow and future trends
- 28:14Demo React Ink port with AI
- 30:39Clean code best practices recap
related talks
49mThe Importance & Usage of AI in Vue.js
10mAI Helped Me Learn: Vue Through the Lens of a React Developer
39mClean Architecture works in the Frontend too!
53mClean Architecture Works in the Frontend Too!
19mPatterns for Large Scale Vue.js Applications
48mPatterns for Large Scale Vue JS Applications
27mVue and Vuex: The good, the bad and the ugly
25mFrom AI Chaos to Production Ready: Using AI Agents to Improve Your Code Quality