Table Of Links Solida tabellar Abstrakti 1 INTRODUCTION 1 Introduksiya 2 SYSTEM DESIGN 2 Sistem dizayn 3 RESULTS, DISCUSSION AND REFERENCES 3 Results, discussions və references Sistem dizayn Biz Frontend Diffusion, bir end-to-end LLM powered high-quality frontend code generation tool, o‘z skicing canvas to website previews. As outlined in the introduction, frontend generation task progresses through three stages: skicing, writing, and coding Our system uses the Claude 3.5 Sonnet language model (Sonnet)1 for all text and code generation. Claude o‘z 2024 iyulani, o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z. 2.1 Sketching: Visual Layout Design and Theme Input Sistemin ilk fashinda iki elementli grafik user interface o‘z: canvas panel for visual representation of the envisioned website layout, and a prompt panel for textual descriptions of the website theme.On completion of the user’s sketch and theme input, user can activate the code generation process via “Generate” button. Sistem o‘z skizzini SVG formatda qaytarib, o‘z qaytarib JPG formatda.This two-step conversion process was implemented based on empirical evidence from our tests, showing that language models exhibit better performance when processing images in JPG format compared to images in SVG format. 2.2 Writing: Product Requirements Document Generation Bu phase user's visual and text input transforms into a structured document, referred to as the Product Requirements Document (PRD), which serves as a blueprint for the website's development process. The PRD generation process leverages Sonnet. To enhance the visual appearance of the generated websites, the system integrates the Pexels API2 for image retrieval. U o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z o‘z. 2.3 Coding: Website Generation and Iterative Refinement Sistemin coding phase o‘z iki primary components: (1) Initial code generation: The system uses the generated PRD and the original user prompt as inputs for code generation, employing Sonnet to produce the initial website code; (2) Iterative refinement: The system implements an iterative refinement process to automatically enhance the generated website with richer functionality and reduced flaws. Sistem bu iterative refinement prosesini çox o‘z qaytarib (n = 4), sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga sizga Autorlar : Qinshi Zhang Latisha Besariani Hendra Mohan Chi Zijian Ding Authors: Qinshi Zhang o‘z. Latisha Besariani Hendra. O‘z o‘z Ziyang Ding Bu dokimi CC BY 4.0 DEED lisenziyada arxiv qaytaradi. Bu dokimi CC BY 4.0 DEED lisenziyada arxiv qaytaradi. O‘z arxiv
