本地运行的设计稿转网页工具。在画布上绘制或导入设计,然后使用语音高效修改, 调用视觉大模型生成 HTML,并实时预览与编辑。
(
- Canvas 模式 — 画布绘制、图层管理、AI 生成/更新 HTML
- Voice 模式 — 语音输入任务,流式应用设计变更(需 Deepgram)
- 源码编辑 — 手动修改 HTML,支持打开/保存文件
- 实时预览 — iframe 隔离预览,不影响工具界面样式
npm install
cp .env.example .env
# 编辑 .env,填入 API Key 与模型名称
npm run dev| 命令 | 说明 |
|---|---|
npm run dev |
启动开发服务器 |
npm run build |
构建前端与后端 |
npm start |
运行生产构建 |
npm run typecheck |
TypeScript 类型检查 |
复制 .env.example 为 .env,至少配置:
OPENAI_API_KEY或ANTHROPIC_API_KEY(取决于API_FORMAT)MODEL_NAME— 需支持 Vision 的模型
Voice 模式额外需要 DEEPGRAM_API_KEY。
完整配置与使用说明见 USAGE.md。
MIT
