{
  "added_at": "2026-10-17",
  "arxiv_id": null,
  "arxiv_version_reviewed": null,
  "authors": [
    "Chunyang Chen",
    "Ting Su",
    "Guozhu Meng",
    "Zhenchang Xing",
    "Yang Liu"
  ],
  "bibtex_url": "https://awesomerea.org/papers/citations/paper-ui2code.bib",
  "citation": {
    "container_title": "Proceedings of the 40th International Conference on Software Engineering",
    "pages": "665-676",
    "publisher": "ACM",
    "sources": [
      "https://api.crossref.org/works/10.1145/3180155.3180240"
    ]
  },
  "code_url": "https://github.com/ccywch/UI2code",
  "date_basis": "Publisher-deposited Crossref publication date for the ICSE proceedings article.",
  "date_basis_zh": "出版方提交至 Crossref 的 ICSE 会议论文集文章出版日期。",
  "date_precision": "day",
  "description_en": "UI2code translates a mobile UI image into an Android component hierarchy and layout skeleton using a neural encoder-decoder. The paper evaluates structural prediction and a small developer study of implementing layouts from generated skeletons.",
  "description_zh": "UI2code 使用神经编码器—解码器，将移动 UI 图像转换为 Android 组件层级与布局骨架。论文评估了结构预测，并通过小规模开发者实验研究如何基于生成的骨架实现布局。",
  "doi": "10.1145/3180155.3180240",
  "entry_url": "https://awesomerea.org/papers/paper-ui2code/",
  "entry_url_zh": "https://awesomerea.org/zh/papers/paper-ui2code/",
  "evidence_urls": [
    "https://doi.org/10.1145/3180155.3180240",
    "https://api.crossref.org/works/10.1145/3180155.3180240",
    "https://chunyang-chen.github.io/publication/ui2code.pdf",
    "https://conf.researchr.org/details/icse-2018/icse-2018-Technical-Papers/12/From-UI-Design-Image-to-GUI-Skeleton-A-Neural-Machine-Translator-to-Bootstrap-Mobile",
    "https://github.com/ccywch/UI2code",
    "https://raw.githubusercontent.com/ccywch/UI2code/fa2cb895dd3367340180257880a76886c9b6ee2f/README.md",
    "https://raw.githubusercontent.com/ccywch/UI2code/fa2cb895dd3367340180257880a76886c9b6ee2f/src/train.lua"
  ],
  "first_arxiv_date": null,
  "id": "paper-ui2code",
  "json_url": "https://awesomerea.org/papers/paper-ui2code/record.json",
  "kind": "research",
  "markdown_url": "https://awesomerea.org/papers/paper-ui2code/index.md",
  "markdown_url_zh": "https://awesomerea.org/zh/papers/paper-ui2code/index.md",
  "metadata_notes": "The author-hosted PDF prints 10.1145/3180155.3180222, which identifies another paper; the DOI here follows publisher-deposited metadata for this title, pages 665–676. The artifact README lists 29,887 screenshots, while the paper reports 185,277 image/skeleton pairs. The pinned legacy Torch/Lua repository has no license file.",
  "metadata_notes_zh": "作者托管 PDF 印有 10.1145/3180155.3180222，但该 DOI 对应另一篇论文；此处采用出版方为本标题提交的 DOI，页码为 665–676。代码仓库 README 列出 29,887 张截图，论文则报告 185,277 对图像与骨架。固定版本的旧版 Torch/Lua 仓库没有许可证文件。",
  "pdf_url": "https://chunyang-chen.github.io/publication/ui2code.pdf",
  "project_url": null,
  "publication_date": "2018-05-27",
  "publication_status": "conference-paper",
  "record_type": "paper",
  "runtime_tested": false,
  "scope_limitations_en": "The output covers component types and hierarchy from a single image; detailed styling and text require developer work. Structural token accuracy and an eight-participant study on five screenshots do not establish complete visual fidelity, navigation, app logic or backend recovery. The main split is screenshot-based; a separate evaluation on 1,208 images from 20 unseen apps provides limited generalization evidence.",
  "scope_limitations_zh": "输出仅覆盖单张图像中的组件类型与层级；详细样式和文本仍需开发者补充。结构标记准确率以及针对五张截图、由八名参与者开展的实验，不能证明完整视觉保真度，也不代表恢复了导航、应用逻辑或后端。主数据集按截图划分；独立评估使用了 20 个未见应用的 1,208 张图像，提供了有限的泛化证据。",
  "targets": [
    "app"
  ],
  "title": "From UI Design Image to GUI Skeleton: A Neural Machine Translator to Bootstrap Mobile GUI Implementation",
  "title_zh": "从 UI 设计图到 GUI 骨架：辅助启动移动界面实现的神经机器翻译器",
  "url": "https://doi.org/10.1145/3180155.3180240",
  "venue": "ICSE 2018",
  "verification": "source-reviewed",
  "verified_at": "2026-10-17",
  "why_fits_en": "A native-app reconstruction foundation that explicitly generates and evaluates GUI structure from visual observations, beyond locating interface elements.",
  "why_fits_zh": "这是原生应用重建的基础工作，明确从视觉观察生成并评估 GUI 结构，研究范围超出了界面元素定位。",
  "year": 2018
}