⚠️ 当前项目仍在快速开发中(Work in Progress)。 API、功能边界和交互细节会在迭代中持续调整。
Design to Code 是一个面向设计与前端协作的生成工作台,核心目标是把自然语言需求快速转化为可交付结果:
- 结构化 UI Schema
- 高保真设计预览图
- HTML + Tailwind 代码草案
项目当前采用 Nuxt + Vue + TypeScript 的 Monorepo 结构,围绕 Studio 工作流持续演进:从输入需求、模型生成、结果交付,到后续可集成与发布能力。
✨ Studio 工作流(展开查看)
| 模块 | 说明 |
|---|---|
| 会话工作台 | 以对话为中心组织多轮任务,支持会话管理与结果追踪 |
| 交付面板 | 聚合 Schema、图片、HTML 三类结果,支持下载与快捷操作 |
| 模型编排 | 对语义模型与图像模型进行组合配置与调用 |
| 运行时与核心包 | 抽离 studio-core 与 studio-runtime 以支持复用与集成 |
| 模块 | 当前状态 | 进度 | 里程碑备注 |
|---|---|---|---|
| 🧠 Prompt Pipeline | 🟡 进行中 | 78% | 多阶段输出链路已接通,持续优化稳定性 |
| 🪄 Studio 会话工作台 | 🟡 进行中 | 82% | 会话流与基础交互已落地,细节体验迭代中 |
| 🖼️ 设计预览与交付 | 🟡 进行中 | 76% | 三类交付主链路可用,仍在做异常场景治理 |
| 🧩 协议与模型抽象 | 🟡 进行中 | 68% | 协议分层成型,扩展能力持续补全 |
| 🧱 Runtime / Core 拆分 | 🟢 稳定推进 | 80% | 包结构已建立,接口边界继续收敛 |
| 🌐 官网与文档体系 | 🟡 进行中 | 61% | 产品叙事与文档信息架构持续完善 |
| 🚀 发布与验收流程 | 🟠 早期阶段 | 45% | 验收清单与发布流程已起草,待自动化加强 |
| 维度 | 可视化 |
|---|---|
| Studio 主线 | ████████░░ 80% |
| 交付能力 | ███████░░░ 70% |
| 工程化与发布 | █████░░░░░ 50% |