最近发现 youware 更新了调用 MCP 创建网页的能力
试了一下发现非常离谱，你就看这个复杂网页的效果
MCP 服务选的非常巧妙。基本解决了目前 AI 网页生成最烦的素材挑选和上传问题
这里通过测试看一下他们的效果，顺便教大家一下如何用 Youware 搭配 MCP 创建和优化网页
我首先设计了一个极限提示词，要求系统从 Figma 读取设计稿数据、从 hugeicons 获取图标、并让 FLUX 生成图片。尽管设计稿布局复杂，Youware 依然高质量地还原了网页布局和信息，自动填充了图标和图片素材。
如何在 Youware 中添加 MCP 服务。只需在 Create 标签页下点击 MCP 图标的加号即可添加，大部分服务无需额外配置，只有 Figma、Notion 等需要 API 连接。
生成与优化网页的过程
我们这次需要生成的是一个旅行内容预定的网页，我已经提前准备好了设计稿，只需要复制一下画板链接继就行。
然后我们写提示词，这里我们需要写清楚需要每个MCP做什么，虽然有时候不写也MCP这三个字母也没事，但有时候还是会有问题的。
当然Youware这次依然很好的完成了任务，网页大致布局和信息都还原了设计稿，另外图标和图片都从对应的MCP获取并且填充了。
但是如果你有一些审美的话就容易发现，由于Figma API传输信息不完整的问题，导致上面生成的网页很多细节都有问题，比如图片的堆叠问题，还有对齐问题，内容换行问题等。
这时候我发现Youware居然有美化页面这个选项。
可以保持原来页面主要内容和布局的前提下优化整个页面的视觉表现。只需要点击「Boost」这个按钮就会自动执行。
另外你还能点击【Select】这个按钮选择网页需要优化的位置指定优化，不需要费劲的打字描述位置了。
比如这里页面美化完成之后头部他选了一个纵向图片，没有铺满很难看，这时候我就选择这个位置让他重新调用FLUX生成了一张横向的图片，非常省事。
到这里我们经过美化和微调之后完全体的网页已经生成了，可以看一下，是不是好了非常多。
Youware保持了原来的网页主要文案和布局，优化了每个地方的样式细节和布局，甚至自己给每个组件加上了动效，以及对应的SVG点缀，图片的清晰度也高了很多，整体的精致度一下就上来了。
这个页面有非常多的图片和图标素材，之前想要让AI自己找到合适的素材，然后还得根据图片的比例和内容在合适的地方填充都非常费劲。
现在像Lovble、V0、Bolt等我想要实现类似的效果都非常费劲，Youware只需要一次调整和一次点击就能有这么好的效果真的很厉害。
其他更新内容
最近youware上真的有很多非常好的作品，他们也在一直致力于让好作品被看到。
比如就上线了积分系统，点击自己的头像就可以看到你拥有的 Kont，这个是根据你部署网页的浏览量来的，后面可以直接兑换为美元。
另外首页最近更新了之后分类更加详细了，可以在这里找到不同分类的 Vibe coding 作品查看。
你在浏览 youware 部署的网页的时候可以看到下方有个随机按钮，点一下就会给你展示其他社区内的优秀网页，点一下以后根本停不下来，可以去玩玩。
最近Youware还在整一个复古风格的网站生成挑战，会有最高1000美元的奖金，这个可以整一下朋友们，哪怕你不参赛，在社交媒体推荐你喜欢的网页。浏览量高的也有会员可以领，感兴趣的可以冲一下：https://www.youware.com/project/youware-retro-challenge
