Vincent (@Vincent_AINotes) “截图丢进去，AI 直接吐出 HTML 代码。手绘草图也能识别 香港中文大学开源的 ScreenCod” — TopicDigg
Vincent
@Vincent_AINotes
AI
加入 November 2024
375 正在关注 56.3K 粉丝
截图丢进去，AI 直接吐出 HTML 代码。手绘草图也能识别
香港中文大学开源的 ScreenCoder，GitHub 2.7k Star
视频里演示了三个案例：
-YouTube 首页截图 → 还原出完整网页布局
-Google 搜索页手绘草图 → 识别手画的框框和文字，生成对应代码
I-nstagram 个人主页截图 → 布局、卡片、图片位置全还原
技术路线是多模块 Agent 架构：先视觉识别看懂截图结构，再做布局规划，最后生成代码。全链路自动
生成的代码是完整可编辑的 HTML，不是图片不是截屏，是真正能改能用的代码
对前端开发者来说，设计稿转代码这个最枯燥的活终于可以扔给 AI 了。对产品经理来说，画个草图就能出原型，不用再求开发排期
关键是开源免费。GitHub 搜 ScreenCoder
显示更多
