Workable modern web frontend development workflow with the help of AI

Prompt

I would like to research for the most popular and workable modern web frontend development workflows in 2026 with the help of AI for me to apply in my own project. Don't make assumption before taking any action. Ask me if anything is key to your action. Below are the requirements/constraints for your research: 1. No language limits for your research, but the final result needs to be output in English. 2. AI coding agent like Codex, Claude Code, Cline, Cursor are not considered in your list as I can't use them. Preferred IDEs are VS Code, OpenCode, Deepseek Harness and other popular AI IDEs. 3. The workflow you research for frontend dev need to include different situations for the frontend project throughout the whole process including but not limited to new page generation by referring image/doc, UI/code improvement during in real time, test in real time, debug in real time, detect potential bugs before deployment, optimize performance and structure, automate repetitive coding tasks, automate responsive design, etc. 4. No paid plugins or libraries for the workflow. 5. The workflow itself can be configured and improved when I use it often. 6. The budget of AI token cost for the workflow needs to be considered as well. 7. The workflow itself must be comprehensive and step-by-step for me to configure in real life environment.