AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

screenshot-to-code

2024-02-04 441
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： screenshot-to-code

分享一个开源项目

GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean code (HTML/Tailwind/React/Vue)

这个简单的应用程序将屏幕截图转换为代码（HTML/Tailwind CSS，或React或Vue或Bootstrap）。它使用 GPT-4 Vision 生成代码，使用 DALL-E 3 生成外观相似的图像。您现在还可以输入 URL 来克隆实时网站！

https://screenshot-to-code.com/

咱们获取到相关key后，本地启动

文章标签：
前端开发
JavaScript
快乐阿超
目录
相关文章
会聊天的汤姆猫
|
数据采集 Java 数据库
大学里面抢课到底可行吗？我来给你彻底说明白
大学里面抢课到底可行吗？我来给你彻底说明白
会聊天的汤姆猫
926 0
风水道人
|
安全 JavaScript Java
SpringBoot实现定时发送邮件
SpringBoot实现定时发送邮件
风水道人
279 0
技术小胖子
|
网络协议 测试技术 Linux
DDNS配置实例（DHCP+DNS=DDNS）
技术小胖子
10792 2
阿里云云原生
|
7月前
|
自然语言处理 前端开发 IDE
用通义灵码全新智能体+MCP实现从设计稿到前端代码，个人免费用
通义灵码全新升级，发布国内首个支持“自主决策+工具链闭环”的编程智能体，面向个人免费！新增功能包括智能体模式、混合推理模型Qwen3支持、全面集成MCP中文社区（涵盖2400+服务）及长期记忆能力。用户可通过IDE插件使用，兼容主流开发环境如JetBrains、VS Code和Visual Studio。教程展示如何将MasterGo设计稿转化为前端代码，简化开发流程。探索链接：[通义灵码官网](https://lingma.aliyun.com/)。
阿里云云原生
1273 2
技术内容小助手
|
12月前
|
人工智能 数据可视化 API
FastGPT 基于Higress 聚合 LLM 网关的最佳实践
本文介绍了Fast GPT的产品形态和设计理念，重点讨论了大模型的幻觉问题及其对应用落地的影响。Fast GPT通过结合工作流的强逻辑性和AI的理解能力，提升系统的稳定性和可靠性。文章还详细描述了Fast GPT的工作流节点、知识库管理及AI网关的功能，并展示了几个实际应用场景，如私人助手、图文生成和文档处理等。最后，探讨了如何通过引入云函数和Copilot简化代码编写，实现无代码编排的工作流解决方案，提升用户体验。
技术内容小助手
608 6
长发和小虎牙
|
机器学习/深度学习 计算机视觉
YOLOv8改进 | 注意力机制 | 添加适用于遥感图像的LSKblock注意力——【二次创新+完整代码】
遥感目标检测的研究主要集中在改进方向边界框的表示上，而忽略了遥感场景中独特的先验知识。 这类先验知识对于准确检测微小目标至关重要，因为这些目标往往需要更大的上下文信息才能被正确识别。提出的 LSKNet 可以动态调整其大的空间感受野，以更好地模拟不同目标的距离上下文，从而提高遥感目标检测的精度。 LSKNet 是第一个在遥感目标检测中探索大选择性核机制的方法。
长发和小虎牙
440 1
王同学睡醒了
|
前端开发
HTML和CSS实现京东首页（html和css详解）（一）
HTML和CSS实现京东首页（html和css详解）
王同学睡醒了
967 0
楠竹11
|
数据采集 JSON 前端开发
设计稿转代码利器：Design2Code
【2月更文挑战第13天】设计稿转代码利器：Design2Code
楠竹11
1147 2
设计稿转代码利器：Design2Code
jcLee95
|
Web App开发 Ubuntu 应用服务中间件
Flutter笔记：Web支持原理与实践
Flutter笔记：Web支持原理与实践
jcLee95
624 0
点点GIS
全国主要城市地铁站点及线路矢量数据
全国主要城市地铁站点及线路矢量数据
点点GIS
847 0

热门文章

最新文章

  • 1
    lmbench内存延迟测试代码分析
  • 2
    RTSP服务器之————rtsp-server(轻量级RTSP / RTP流媒体服务器)
  • 3
    Apache Flink 的迁移之路，2 年处理效果提升 5 倍
  • 4
    kettle用命令行执行ktr和kjb
  • 5
    018 Umi 中使用 mockjs 完善前后端分离
  • 6
    007MetaMask钱包安装部署
  • 7
    如何让历史记录不记录敏感命令
  • 8
    虚拟化记录--No.1
  • 9
    RecyclerView完全解析
  • 10
    使用 Responsive Elements 快速构建响应式网站
  • 1
    AnythingLLM vs Cherry Studio vs Chatbox：三大AI工具深度横评
    89
  • 2
    构建AI智能体：五十、ModelScope MCP广场 · MCP协议 · Cherry Studio：AI应用生产线
    86
  • 3
    什么是OSS？简要介绍阿里云对象存储OSS的使用场景
    80
  • 4
    阿里云对象存储OSS怎么收费？存储费、流量费和功能费用价格说明
    54
  • 5
    YOLOv11改进 - 卷积Conv | 加权卷积wConv：无损替换标准卷积，增强空间建模与特征提取质量
    37
  • 6
    YOLOv11 改进 - 注意力机制 MCAttn 蒙特卡洛注意力：全局上下文与局部细节协同建模，破解微小目标特征表达难题
    32
  • 7
    YOLOv11 改进 - 注意力机制 | DCAFE双坐标注意力：并行坐标注意力 + 双池化融合
    37
  • 8
    安全也能“订阅”？SECaaS 的未来，到底靠不靠谱？
    42

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    对象存储OSS快速上手——如何使用ossbrower2