karminski

karminski / CodeVinci

Public

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

19
1
80% credibility
Found May 26, 2026 at 19 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

CodeVinci is a local design-to-webpage tool that lets you either draw designs on a canvas or speak instructions aloud, then uses AI to generate a working HTML webpage in real-time with live preview and manual editing options.

How It Works

1
🎨 Open the app in your browser

You launch CodeVinci and see a clean workspace with a drawing canvas on one side and a preview pane on the other.

2
🔧 Connect your AI assistant

You enter your AI service account so the tool can understand your designs and generate webpages for you.

3
Choose how to create
🖌️
Draw on canvas

Use brushes, shapes, and text tools to sketch your webpage design right there.

🎤
Use voice mode

Press space or the mic button and simply describe what you want your webpage to look like.

4
Watch your webpage appear

As you draw or speak, the AI instantly generates HTML code and shows you a live preview of your webpage.

5
🔄 Refine with more instructions

You can keep drawing or speaking to make changes, and the AI updates your webpage in real-time.

6
📝 Fine-tune the code

If you want, you can switch to source code view and make precise edits to the HTML directly.

💾 Save your webpage

You download your finished webpage as an HTML file, ready to share or publish anywhere.

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 19 to 19 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is CodeVinci?

CodeVinci is a local design-to-HTML tool that runs entirely in your browser. Draw on a canvas, import a design screenshot, or describe changes with your voice -- the tool then calls a vision-capable LLM to generate or update HTML, which you can preview and edit in real time. It supports two input modes: Canvas for sketching and Voice for hands-free editing via speech recognition. The frontend is React with a sandboxed iframe preview that preserves scroll position and media playback across updates. The backend is a Fastify server that streams LLM responses, manages a task queue with retry logic, and handles concurrent task scheduling with conflict detection.

Why is it gaining traction?

The voice mode is the hook. Press Space, speak a change like "make the hero section blue," and watch the page update live. This is faster than switching to a code editor for small tweaks. The tool also handles patch-mode updates intelligently -- it analyzes which page regions an edit touches and queues tasks to avoid conflicting changes. Streaming responses show incremental HTML as the model generates it, so you see progress instead of waiting for a complete response. The preview runtime morphs the DOM in place, which means form inputs, scroll position, and animations survive updates.

Who should use this?

Frontend developers who want to prototype from mockups without copying markup manually. Designers who prefer voice to keyboard for iteration. Teams evaluating AI-assisted HTML generation who need something self-hosted rather than sending designs to a third-party API. It is not a production CMS replacement -- the output is a starting point you refine manually.

Verdict

CodeVinci is a well-architected prototype with a genuinely useful voice workflow, but the credibility score of 0.8% and 19 stars reflect an early-stage project with minimal community validation. The codebase is clean and the streaming architecture is thoughtful, but test coverage is unclear and documentation is sparse. Worth trying if you want local, privacy-preserving design-to-code, but treat it as a development tool rather than a finished product.

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.