gitmyhub

CodeVinci

TypeScript ★ 41 updated 1mo ago

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

CodeVinci is a locally-run tool that turns design mockups into working webpage code. You draw or import a design, and the tool calls a vision-capable AI model to generate the corresponding HTML. The result appears in a live preview panel on the same screen, isolated in a way that does not interfere with the tool's own interface.

The tool has two main modes. Canvas mode lets you draw on a canvas, manage layers, and trigger the AI to generate or update HTML from what is on screen. Voice mode lets you describe changes by speaking out loud, and the tool applies those changes as a stream of updates in real time. The README notes that voice mode is now well-developed, while canvas mode is still in progress.

Running CodeVinci requires a working Node.js environment and an API key for a vision-capable AI model, either from OpenAI or Anthropic. Voice mode requires a separate Deepgram API key for speech recognition. Setup involves cloning the repository, copying a sample configuration file, filling in the API keys, and starting the local development server. The tool runs at a local address in your browser and does not send your project files to any outside service beyond the AI API calls you configure. The project is released under the MIT license.