<span id="3dn8r"></span>
    1. <span id="3dn8r"><optgroup id="3dn8r"></optgroup></span><li id="3dn8r"><meter id="3dn8r"></meter></li>

        前端程序員請注意!首個截圖就能生成現代前端代碼的AI來了 | 已開源

        AIGC動態6個月前發布 量子位
        317 0 0

        動態交互、模塊化架構也能支持

        前端程序員請注意!首個截圖就能生成現代前端代碼的AI來了 | 已開源

        原標題:前端程序員請注意!首個截圖就能生成現代前端代碼的AI來了 | 已開源
        文章來源:量子位
        內容字數:4032字

        面向現代前端代碼生成的開源多模態大模型Flame

        本文介紹了Flame,一個面向現代前端代碼生成的開源多模態大模型。它解決了現有模型在生成符合現代前端開發規范的動態交互代碼方面存在的不足,并在性能測試中取得了顯著的提升。

        1. 現有模型的局限性

        現有的頂尖模型,例如GPT-4和Gemini 1.5 Flash,在生成前端代碼時,往往只能生成靜態組件,無法滿足現代前端開發中組件化、狀態管理和數據驅動渲染等核心需求。這些靜態代碼缺乏模塊化架構,難以支持動態交互,任何細微的需求變更都可能需要大量定制化代碼甚至推倒重來。

        2. Flame模型的核心突破:數據合成

        大型視覺語言模型(LVLM)在生成專業前端代碼方面表現不佳的根本原因在于高質量訓練數據的稀缺。為了解決這個問題,Flame團隊采用了一種數據合成方法,設計了一套自反思的智能體工作流,自動從公共代碼庫提取真實數據并自主合成數據,生成專業、多樣化的前端代碼。

        3. 三種數據合成方法

        Flame團隊設計了三種數據合成方法:

        1. 基于進化的數據合成 (Evolution-Based Synthesis): 借鑒WizardLM的Evol-Instruct方法,通過隨機進化生成多樣化的代碼,包括寬度進化(改變功能和視覺風格)和深度進化(增加代碼復雜度,優化組件處理、狀態管理和性能)。
        2. 基于瀑布模型的數據合成 (Waterfall-Model-Based Synthesis): 模擬傳統軟件開發的瀑布模型,從需求分析開始,逐步生成符合模塊化和可擴展性要求的代碼。
        3. 基于增量開發的數據合成 (Additive Development Synthesis): 在現有代碼基礎上,逐步增加功能和復雜性,例如集成狀態管理、交互邏輯或API等模塊。

        這三種方法共同豐富了數據集的規模和多樣性,并確保了數據質量和實際應用價值。通過這些方法,Flame團隊針對React框架構建了超過400k的多模態數據集。

        4. 性能評測及開源

        Flame團隊人工構建了一個包含80道測試題目的高質量測試集,并使用改進后的Pass@k指標進行評測。結果顯示,Flame在Pass@1指標上達到了52%以上,遠超GPT-4o和Gemini 1.5 Flash的11%,展現了其強大的代碼生成能力。值得注意的是,Flame僅使用約20萬的數據量就取得了這一成果,驗證了數據合成方法的有效性。

        Flame的訓練數據、數據合成流程、模型和測試集均已全面開源,GitHub地址:https://github.com/Flame-Code-VLM/Flame-Code-VLM/blob/main/README.md

        5. 總結

        Flame模型通過創新的數據合成方法,有效解決了現有模型在生成現代前端代碼方面的不足,為前端開發帶來了新的可能性。其開源的特性也促進了前端代碼生成領域的發展。


        聯系作者

        文章來源:量子位
        作者微信:
        作者簡介:追蹤人工智能新趨勢,關注科技行業新突破

        閱讀原文
        ? 版權聲明
        蟬鏡AI數字人

        相關文章

        蟬鏡AI數字人

        暫無評論

        暫無評論...
        主站蜘蛛池模板: 亚洲看片无码在线视频| 国产V亚洲V天堂无码| 亚洲最大的黄色网| 99久久久国产精品免费无卡顿| 亚洲一本综合久久| 99久久免费精品高清特色大片| 亚洲国产一成人久久精品| 久久最新免费视频| 亚洲一区二区三区偷拍女厕| 丝袜捆绑调教视频免费区| 亚洲男人的天堂www| 美丽姑娘免费观看在线观看中文版| 亚洲VA中文字幕无码毛片 | 国产亚洲精品成人AA片新蒲金 | 18禁超污无遮挡无码免费网站| 在线精品亚洲一区二区三区| 成人无码精品1区2区3区免费看| 亚洲女久久久噜噜噜熟女| 最近新韩国日本免费观看| 亚洲一区二区三区高清视频| 男女交性永久免费视频播放| 日日躁狠狠躁狠狠爱免费视频| 亚洲综合另类小说色区| 特级无码毛片免费视频尤物| 亚洲丰满熟女一区二区v| 国产网站免费观看| 国产在线播放线91免费| 亚洲精品在线免费观看| 国产成人高清精品免费鸭子 | 国产在线19禁免费观看国产| 亚洲高清免费视频| 亚洲午夜久久久久久尤物| 国产自产拍精品视频免费看| 中国videos性高清免费| 伊人久久五月丁香综合中文亚洲| 亚洲片国产一区一级在线观看| 3344永久在线观看视频免费首页| 亚洲人成网站色7799| 亚洲高清专区日韩精品| 女人张开腿等男人桶免费视频| 97在线视频免费公开视频|