Skip to content

geekmister/design-to-code

Repository files navigation

Design to Code

Design to Code Hero

⚠️ 当前项目仍在快速开发中(Work in Progress)。 API、功能边界和交互细节会在迭代中持续调整。

Nuxt Vue TypeScript Status License

GitHub Repo stars GitHub forks GitHub issues GitHub last commit

项目介绍

Design to Code 是一个面向设计与前端协作的生成工作台,核心目标是把自然语言需求快速转化为可交付结果:

  • 结构化 UI Schema
  • 高保真设计预览图
  • HTML + Tailwind 代码草案

项目当前采用 Nuxt + Vue + TypeScript 的 Monorepo 结构,围绕 Studio 工作流持续演进:从输入需求、模型生成、结果交付,到后续可集成与发布能力。

功能模块

✨ Studio 工作流(展开查看)
模块 说明
会话工作台 以对话为中心组织多轮任务,支持会话管理与结果追踪
交付面板 聚合 Schema、图片、HTML 三类结果,支持下载与快捷操作
模型编排 对语义模型与图像模型进行组合配置与调用
运行时与核心包 抽离 studio-core 与 studio-runtime 以支持复用与集成

开发进度(WIP)

模块 当前状态 进度 里程碑备注
🧠 Prompt Pipeline 🟡 进行中 78% 多阶段输出链路已接通,持续优化稳定性
🪄 Studio 会话工作台 🟡 进行中 82% 会话流与基础交互已落地,细节体验迭代中
🖼️ 设计预览与交付 🟡 进行中 76% 三类交付主链路可用,仍在做异常场景治理
🧩 协议与模型抽象 🟡 进行中 68% 协议分层成型,扩展能力持续补全
🧱 Runtime / Core 拆分 🟢 稳定推进 80% 包结构已建立,接口边界继续收敛
🌐 官网与文档体系 🟡 进行中 61% 产品叙事与文档信息架构持续完善
🚀 发布与验收流程 🟠 早期阶段 45% 验收清单与发布流程已起草,待自动化加强

进度可视化

维度 可视化
Studio 主线 ████████░░ 80%
交付能力 ███████░░░ 70%
工程化与发布 █████░░░░░ 50%

文档导航

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors