{"version":"1.0","title":"\u622a\u5c4f\u76f4\u63a5\u751f\u6210\u524d\u7aef\u4ee3\u7801-Screenshot-to-code","author_url":"https://blog.hatena.ne.jp/briteming/","author_name":"briteming","description":"Screenshot-to-code\uff0c\u4e00\u4e2a\u5f00\u6e90AI\u9879\u76ee\uff0c\u53ef\u4ee5\u76f4\u63a5\u628a\u5c4f\u5e55\u622a\u56fe\u8f6c\u6362\u4e3a HTML/Tailwind CSS\uff0c\u5e76\u5229\u7528 DALL-E 3 \u7684\u56fe\u50cf\u751f\u6210\u80fd\u529b\uff0c\u751f\u6210\u5916\u89c2\u76f8\u4f3c\u7684\u56fe\u50cf\u3002\u501f\u52a9\u4e86 GPT-4 Vision \u7684\u80fd\u529b\uff0c\u57fa\u4e8ePython\u7f16\u5199\uff0c\u9075\u5b88MIT\u5f00\u6e90\u534f\u8bae\u3002 \u652f\u6301\u751f\u6210\u7684\u6587\u4ef6\uff1a HTML + Tailwind HTML + CSS React + Tailwind Vue + Tailwind Bootstrap Ionic + Tailwind SVG \u652f\u6301\u7684AI\u6a21\u578b Claude Sonnet 3.5 \u2013 \uff08\u4e3b\u529b\u63a8\u8350!\uff09 GPT-4o \u2013 a\uff08\u4e5f\u63a8\u8350\uff09 \u56fe\u50cf\u751f\u6210\u501f\u52a9DALL-E 3 \u6216\u2026","type":"rich","provider_name":"Hatena Blog","blog_url":"https://briteming.hatenablog.com/","blog_title":"blog.hatena.ne.jp, \u5206\u7c7b: https://briteming.hatenablog.com/categories","categories":["ai"],"url":"https://briteming.hatenablog.com/entry/2026/01/25/162357","published":"2026-01-25 16:23:57","height":"190","provider_url":"https://hatena.blog","image_url":null,"width":"100%","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbriteming.hatenablog.com%2Fentry%2F2026%2F01%2F25%2F162357\" title=\"\u622a\u5c4f\u76f4\u63a5\u751f\u6210\u524d\u7aef\u4ee3\u7801-Screenshot-to-code - blog.hatena.ne.jp, \u5206\u7c7b: https://briteming.hatenablog.com/categories\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>"}