项目通过使用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](https://private-user-images.githubusercontent.com/59440091/289367350-2daf0da1-dc53-4c2a-b450-2667abcf940b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg3MzU1MTIsIm5iZiI6MTcxODczNTIxMiwicGF0aCI6Ii81OTQ0MDA5MS8yODkzNjczNTAtMmRhZjBkYTEtZGM1My00YzJhLWI0NTAtMjY2N2FiY2Y5NDBiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE4VDE4MjY1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA2OTQwZDg2MTg1NGJmMzEyMzA2OTU4MzFiZTdiMjExNWMyMjQ1YmMxM2QxNTE2NThmNzFlYmIwYmViM2RhNWQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.329yt_RHvr_wJX_NHC-9RMZdDkWQ8HDRLgvUuGnJRiU)
- OpenAI API Key
- OpenAI Base URL(代理地址,默认:https://api.openai.com/v1)
- Mock AI Response(mock AI返回的数据,不直接请求AI),直接请求OpenAI 接口会消耗费用
- 中后台项目
- 快速验证方案,对还原度要求不高的项目
- 输出代码后自补全细节
![截屏2023-12-11 下午8 48 49](https://private-user-images.githubusercontent.com/59440091/289540880-781e496e-6141-413b-804a-72e7c17f0fe1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg3MzU1MTIsIm5iZiI6MTcxODczNTIxMiwicGF0aCI6Ii81OTQ0MDA5MS8yODk1NDA4ODAtNzgxZTQ5NmUtNjE0MS00MTNiLTgwNGEtNzJlN2MxN2YwZmUxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjE4VDE4MjY1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ5M2Q2N2ZmYTEyYzY3ODEzZWFlNzUzZDE5MzAwNzE3OWU4NDAzYzYyZGU5ODhlYjg0NDc3ODIyNDQ4OGVlYjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.XHH4ZGnronAl04fdv2_NABT_su89FjTQ3QcnX5CFlbc)
原图 | 生成网页 |
---|---|
![]() |
![]() |
![]() |
![]() |
- 如果有合作意向欢迎加wx:sparrow777-js,不闲聊,没有具体事情请不要加🙏。
- bug,意见等直接提交到git上即可