Table Of Links මේසය Links අමුද් රව් ය 1 INTRODUCTION 1 ඇතුළත් කිරීම 2 SYSTEM DESIGN 2 පද්ධති සැලසුම් 3 RESULTS, DISCUSSION AND REFERENCES 3 ප්රතිඵල, සාකච්ඡා සහ සබැඳි පද්ධති සැලසුම් අපි Frontend ප්රදර්ශනය ඉදිරිපත්, End-to-End LLM powered high-quality frontend code generation tool, සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය සංකේතය ජූලි 2024 වන විට Claude වඩාත් දියුණු භාෂා ආකෘති වලින් එකක් වන අතර, අපි Generative AI හි වේගවත් සංවර්ධනයක් බලාපොරොත්තු වෙමු.මේ නිසා, මෙහි විස්තර කරන කාර්ය පරිවර්තනය තාක්ෂණයන් ආකෘති-ඇග්නික් ලෙස සැලසුම් කර ඇති අතර, අනාගතයේ වඩාත් දියුණු Generative AI ආකෘතිවලට අදාළ බව සහතික කරමු. 2.1 Sketching: Visual Layout Design and Theme Input මෙම පද්ධතියේ ආරම්භක පියවර වන්නේ ප්රධාන කොටස් දෙකක් සහිත ග්රැෆික් පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක පරිශීලක මෙම පියවර දෙකක පරිවර්තනය කිරීමේ ක්රියාවලිය අපගේ පරීක්ෂණවලින් ලැබුණු සාක්ෂි මත පදනම්ව ක්රියාත්මක කර ඇති අතර, භාෂා ආකෘති SVG ආකෘති වලට වඩා JPG ආකෘතිවල ඡායාරූප ප්රතිකාර කිරීමේදී වඩා හොඳ ප්රතිඵල පෙන්වති. 2.2 Writing: Product Requirements Document Generation මෙම පියවරෙන් පරිශීලකයාගේ දර්ශනීය හා ලේඛනීය ඇතුළත් කිරීම් නිෂ්පාදන අවශ්යතා ලේඛනය (PRD) ලෙස හඳුන්වනු ලබන සංයුක්ත ලේඛනයක් බවට පරිවර්තනය කරයි.PRD නිෂ්පාදන ක්රියාවලිය Sonnet භාවිතා කරයි.සංස්කරණය කරන ලද වෙබ් අඩවියේ දර්ශනීය පෙනුම වැඩි දියුණු කිරීම සඳහා, පද්ධතිය පින්තූර ප්රතිලාභ සඳහා Pexels API2 එකතු කරයි. පින්තූර නාමය සහ ප්රමාණ විස්තර ඇතුළත් කිරීම සඳහා භාෂා ආකෘතිය විශේෂයෙන් ආරාධනා කරනු ලැබේ (උදාහරණයක් ලෙස [school(large)]).These descriptors are subsequently used to query the Pexels API, which returns relevant image URLs for incorporation into the PRD. 2.3 Coding: Website Generation and Iterative Refinement පද්ධතියේ කේතය නිර්මාණය කිරීමේ පියවර ප්රධාන කොටස් දෙකකින් සකස් වේ: (1) ආරම්භක කේත නිෂ්පාදනය: පද්ධතිය විසින් නිෂ්පාදනය කරන ලද PRD සහ මුල් පරිශීලක ප්රවේශය කේත නිෂ්පාදනය සඳහා ආදායම් ලෙස භාවිතා කරයි, Sonnet විසින් ආරම්භක වෙබ් අඩවියේ කේතය නිෂ්පාදනය කිරීම සඳහා භාවිතා කරයි; (2) Iterative refinement: පද්ධතිය ස්වයංක්රීයව නිෂ්පාදනය කරන ලද වෙබ් අඩවියට වඩාත් පොහොසත් ක්රියාකාරීත්වයක් සහ අඩු වරදක් සහිතව වැඩි දියුණු කිරීම සඳහා iterative refinement ක්රියාවලිය සකස් කරයි. මෙම ක්රියාවලිය ආරම්භක කේතය විශ්ලේෂණය කිරීම සඳහා ආකෘති ආකෘති නිර්මාණය කිරීම සඳහා, මෙම යෝජනා මුල් මාතෘකාව සමඟ එකතු කිරීම, සහ පෙර නිෂ්පාදනය PRD සමග වැඩි දියුණු මාතෘකාව භාවිතා කිරීම කේතය නැවත නිර්මාණය කිරීම සඳහා.System executes this iterative refinement process multiple times (by default, n=4).Users can navigate between iterations by selecting preview miniatures displayed at the interface's bottom, and can access or copy the generated code for each version. ලේඛකයෝ : Qinshi චාන් Latisha Besariani Hendra Mohan Chi Zijian Ding Authors: Qinshi චාන් ලැටිෂා Besariani Hendra මචන් චී සජිත් ඩින් මෙම ලිපිනය CC BY 4.0 DEED බලපත් ර යටතේ archiv මත ලබා ගත හැකිය. මෙම ලිපිනය CC BY 4.0 DEED බලපත් ර යටතේ archiv මත ලබා ගත හැකිය. ලියාපදිංචි