Git Product home page Git Product logo

ant-codeai's Introduction

ant-codeAI

项目通过使用AI技术生成高可用代码,(React,Vue,Tailwind CSS)等代码,使用GPT-4 Vision生成,通过截图转化到代码,可以自定义prompt生成可控代码。

2023-12-15.4.16.22.mov

🚀 试用

可以下载下来本地运行,临时线上体验地址,图片最大可上传200KB

cd client
yarn dev


cd service
npm run start:dev

🛠 设置

Pasted Graphic 1
  • OpenAI API Key
  • OpenAI Base URL(代理地址,默认:https://api.openai.com/v1)
  • Mock AI Response(mock AI返回的数据,不直接请求AI),直接请求OpenAI 接口会消耗费用

🔥 使用场景

  • 中后台项目
  • 快速验证方案,对还原度要求不高的项目
  • 输出代码后自补全细节
截屏2023-12-11 下午8 48 49

生成对比

原图 生成网页
截屏2023-12-16 上午12 14 18 截屏2023-12-16 上午8 41 15
截屏2023-12-17 下午1 38 21 截屏2023-12-17 下午1 38 48

🙋‍♂️ 合作

  • 如果有合作意向欢迎加wx:sparrow777-js,不闲聊,没有具体事情请不要加🙏。
  • bug,意见等直接提交到git上即可

reference material screenshot-to-code

ant-codeai's People

Contributors

sparrow-js avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.