Table Of Links Tabel van links abstrakte 1 INTRODUCTION 1 Inleiding 2 SYSTEM DESIGN 2 Stelselontwerp 3 RESULTS, DISCUSSION AND REFERENCES 3 Resultate, bespreking en verwysings Stelselontwerp Ons introduceer Frontend Diffusion, 'n end-to-end LLM-aangedrewe hoë-gehalte frontend kode-generasie gereedskap, wat wissel van skets kanvas tot webwerfvoorvertonings.Soos beskryf in die inleiding, vorder die frontend-generasie taak deur drie fases: skets, skryf en kodering Ons stelsel gebruik die Claude 3.5 Sonnet taalmodel (Sonnet)1 vir alle teks- en kode-generasie. Terwyl Claude een van die mees gevorderde taalmodelle in Julie 2024 verteenwoordig, verwag ons vinnige ontwikkelings in Generative AI. 2.1 Sketching: Visual Layout Design and Theme Input Die aanvanklike fase van die stelsel bestaan uit 'n grafiese gebruikersinterface met twee sleutelkomponente: 'n canvas paneel vir visuele verteenwoordiging van die voorgestelde webwerf-layout, en 'n prompt paneel vir teks beskrywings van die webwerf-tema. Die stelsel converteer dan die skets in SVG-formaat, gevolg deur 'n daaropvolgende transformasie in JPG-formaat. Hierdie twee-stap-konversie proses is uitgevoer op grond van empiriese bewyse uit ons toetse, wat toon dat taalmodelle beter prestasie toon wanneer beelde in JPG-formaat verwerk in vergelyking met beelde in SVG-formaat. 2.2 Writing: Product Requirements Document Generation Hierdie fase transformeer die gebruiker se visuele en teksinvoer in 'n gestruktureerde dokument, bekend as die Product Requirements Document (PRD), wat dien as 'n blueprint vir die webwerf-ontwikkelingsproces. Die taalmodel word spesifiek aangespoor om beeldterms en groottebeskrywings in te sluit (bv. [school(large)]). Hierdie beskrywings word daarna gebruik om die Pexels API te queryer, wat relevante beeld-URL's vir insluiting in die PRD terugkeer. 2.3 Coding: Website Generation and Iterative Refinement Die kodefase van die stelsel bestaan uit twee primêre komponente: (1) Initiale kode-generasie: die stelsel gebruik die gegenereerde PRD en die oorspronklike gebruikersverwysing as inputs vir kode-generasie, wat Sonnet gebruik om die oorspronklike webwerf-kode te produseer; (2) Iteratiewe verfyning: die stelsel implementeer 'n iteratiewe verfyning proses om die gegenereerde webwerf outomaties te verbeter met meer funksionaliteit en verminderde tekortkominge. Hierdie proses behels die analise van die aanvanklike kode om optimaliseringsvoorstelle te genereer, hierdie voorstelle met die oorspronklike tema te fusioneer en die verbeterde tema saam met die voorheen gegenereerde PRD te gebruik om die kode te regenereer. Die skrywers: Qinshi van Zhang Geskryf deur Latisha Besariani Mohan Chi Sien die Ding Authors: Qinshi van Zhang Geskryf deur Latisha Besariani Mohan Chi Sien die Ding Hierdie artikel is beskikbaar op archiv onder CC BY 4.0 DEED lisensie. Hierdie papier is onder die CC BY 4.0 DEED lisensie. available on arxiv beskikbaar in die archief