AI时代设计前端其实还是要使用框架，直接用AI生成在页面少的情况下完成度高，页面一多其实不好统筹。设计前端大概率还是使用前端框架，比如nextjs, nuxtjs等。从vue过来的就切换到nuxtjs，从react过来的就切换到nextjs。用AI生成单个页面，或是一部分，再手动组装，整个项目就这样完成。既不是完全AI化，也不全是手搓，算是一个过渡的融合阶段。
v0简介
v0 是由 Vercel 团队推出的创新型 AI 辅助开发网站工具。它不仅是一个代码生成器，更是一个深度集成的协作式UI设计与开发工作流。通过结合 shadcn/ui、Tailwind CSS 等现代前端技术栈，v0 允许开发者通过对话式指令，实时生成高审美、可生产的 React 组件和全栈页面。 --《novatools》
通过v0可以很方便地设计页面，可以直接预览，甚至直接上线！使用方式当然是直接使用自然语言即可。
案例
Based on the provided web page screenshot, please help me create a basic layout for the AI homepage. The layout should be clear and visually well-structured. Use Flexbox or Grid for the layout, and add appropriate spacing and background colors to distinguish between sections. Use a light gray theme for the background.
参考给出的网页截图，帮我创建AI主页的基础布局，布局要清晰，视觉层次分明。使用flexbox或grid进行布局，添加适当的间距和背景色区分各部分。背景使用浅灰色主题。
做了几个页面优化的项目，感觉挺不错的，完成度很高，直接就是完整的页面和代码。而且v0有些免费的额度，一般日常的工作足够用啰。
唯一有点不足的就是对vue的支持好像不太够。当我明确用vue框架时，v0虽然也迁移了代码，但是完成后却显示页面缺失，没有默认的next框架完整。好吧，手动迁移下，也算不上是太大的事。