Table Of Links Тавтай морилно Абстракт 1 INTRODUCTION 1 Үйлчилгээ 2 SYSTEM DESIGN 2 Системийн дизайн 3 RESULTS, DISCUSSION AND REFERENCES 3 Бүтээгдэхүүний үр дүнд, асуултууд, зөвлөмжүүд Системийн дизайн Бид Frontend Diffusion-ийг санал болгож байна. Frontend Diffusion нь өндөр чанартай Frontend код үүсгэх хэрэгсэл юм. Frontend-ийн үүсгэх үйл ажиллагаа нь гурван үе шат дамжуулан боловсруулсан бөгөөд энэ нь Claude 3.5 Sonnet хэлний загвар (Sonnet)1-ийг ашигладаг. Claude 2024-ийн долоо хоногт хамгийн дэвшилтэт хэлний загваруудын нэг юм, бид Generative AI-ийн хурдан хөгжилтэй гэж үздэг. Тиймээс энд тайлбарласан үйл явц дамжуулах техникиуд нь загварын агностик байх зорилготой бөгөөд тэдний дараагийн, илүү дэвшилтэт Generative AI загваруудад хэрэгцээг хангах болно. 2.1 Sketching: Visual Layout Design and Theme Input Системийн эхний фаз нь график хэрэглэгчийн интерфэйс нь хоёр гол бүрэлдэхүүн хэсгүүдтэй: үзэсгэлэнтэй вэбсайтын хуваалцлын үзэсгэлэнтэй хуваалцны панел, вэбсайтын үзэсгэлэнтэй хуваалцтай хуваалцтай хуваалцтай хуваалцтай хуваалцтай хуваалцтай хуваалцтай хуваалцтай хуваалцтай хуваалцтай. Системийн дараа нь зураг SVG формат руу конвертууд, дараа нь JPG формат руу конвертууд. Энэ хоёр үе шаттай конвертын үйл явц бидний туршилтын эмчилгээний үр дүн дээр суурилсан, хэлний загварууд нь JPG формат дээр зураг боловсруулах үед SVG формат дээр зурагтай харьцуулахад илүү сайн гүйцэтгэлийг харуулж байна. 2.2 Writing: Product Requirements Document Generation Энэ үе шат нь хэрэглэгчийн визуал, текстийн давуу тал нь бүтээгдэхүүний шаардлаганы документыг (PRD) гэж нэрлэдэг структурын документыг өөрчлөх, энэ нь вэбсайтын хөгжүүлэх үйл явцыг зориулалттай юм. PRD үүсгэх үйл явцыг Sonnet-ийг ашиглан ашигладаг. Бүртгэгдсэн вэбсайтын визуал хэлбэрээр сайжруулахын тулд систем нь Pexels API2 нь зураг олборлолтыг нэгтгэдэг. Судалгааны загвар нь тусгайлан зураг бүтэц, хэмжээний тодорхойлолт (жишээ нь, [school(large)])]) агуулдаг. Эдгээр тодорхойлогч нь дараа нь Pexels API-ийг асуултанд ашиглаж, энэ нь PRD-д агуулахын тулд тохиромжтой зураг URL-ийг дамжуулдаг. 2.3 Coding: Website Generation and Iterative Refinement Системийн кодийн үе шат нь хоёр үндсэн бүрэлдэхүүн хэсэг юм: (1) Эхний код үүсгэх: систем нь үүсгэгдсэн PRD болон эхний хэрэглэгчийн урсгал нь код үүсгэх хэрэглээн болгон ашигладаг, Sonnet-ийг эхний вэбсайтын код үүсгэхэд ашигладаг; (2) Iterative refinement: систем нь автоматаар үүсгэгдсэн вэбсайтуудыг богино функционалтай, хязгаарлагдмал болгон сайжруулдаг. Энэ үйл явц нь эхний код нь optimization зөвлөгөөг үүсгэх, энэ зөвлөгөөг эхний загвартай нэгтгэх, эхлээд үүсгэсэн PRD-ийг кодыг шинэчлэхэд сайжруулдаг. Систем нь энэ итерратив шилжих үйл явц нь хэд хэдэн удаа ажиллуулж болно (доод нь, n = 4). хэрэглэгчид интерфэйсийн дор үзсэн preview thumbnails сонгож, өөр өөр хувилбарууд хооронд навигац болно, өөр өөр хувилбарууд нь үүсгэсэн кодыг хангах, эсвэл хуваалцах болно. Зохиогчийн эрх : Qinshi Zhang Latisha Besariani Hendra Mohan Chi Зохиогчийн эрх Authors: Чинши Чжан Латиша Бесариани Хендра Хуучин Чи Зохиогчийн эрх Энэ нийтлэл нь CC BY 4.0 DEED лицензийн дагуу archiv дээр байдаг. Энэ нийтлэл нь CC BY 4.0 DEED лицензийн дагуу archiv дээр байдаг. Архивууд
