Skip to content

karminski/CodeVinci

Repository files navigation

CodeVinci

cover

本地运行的设计稿转网页工具。在画布上绘制或导入设计,然后使用语音高效修改, 调用视觉大模型生成 HTML,并实时预览与编辑。

(⚠️注意目前语音模式已经很完善了, Canvas 模式还在开发中)

功能

  • Canvas 模式 — 画布绘制、图层管理、AI 生成/更新 HTML
  • Voice 模式 — 语音输入任务,流式应用设计变更(需 Deepgram)
  • 源码编辑 — 手动修改 HTML,支持打开/保存文件
  • 实时预览 — iframe 隔离预览,不影响工具界面样式

快速开始

npm install
cp .env.example .env
# 编辑 .env,填入 API Key 与模型名称

npm run dev

默认地址:http://127.0.0.1:3847

常用命令

命令 说明
npm run dev 启动开发服务器
npm run build 构建前端与后端
npm start 运行生产构建
npm run typecheck TypeScript 类型检查

配置

复制 .env.example.env,至少配置:

  • OPENAI_API_KEYANTHROPIC_API_KEY(取决于 API_FORMAT
  • MODEL_NAME — 需支持 Vision 的模型

Voice 模式额外需要 DEEPGRAM_API_KEY

完整配置与使用说明见 USAGE.md

License

MIT

About

本地运行的设计稿转网页工具。在画布上绘制或导入设计,然后使用语音高效修改, 调用视觉大模型生成 HTML,并实时预览与编辑。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors