explaingit

karminski/codevinci

35TypeScript
This is a quick first-pass explanation. The richer sections — use-cases, tech stack, setup, prompts — are still being generated.

TLDR

CodeVinci is a locally-run tool that turns design mockups into working webpage code.

Mindmap

A visual breakdown will appear here once this repo is fully enriched.

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

In plain English

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.

Open on GitHub → Explain another repo

← karminski on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.