Table Of Links 左のテーブル 抽象化 1 INTRODUCTION 1 導入 2 SYSTEM DESIGN 2 システム設計 3 RESULTS, DISCUSSION AND REFERENCES 3 結果、議論、参照 システムデザイン Frontend Diffusion は、フロントエンドのコード生成ツールであり、フロントエンドのコード生成ツールであり、フロントエンドのコード生成ツールで、スケッチカットからウェブサイトのプレビューに至ります。 入門で述べたように、フロントエンド生成タスクは、3つの段階を通じて進行します:スケッチ、書き込み、コード 私たちのシステムは、すべてのテキストとコード生成のために Claude 3.5 Sonnet 言語モデル(Sonnet)1 を使用します。 Claude は 2024 年 7 月時点で最も先進的な言語モデルの一つであるが、我々 は Generative AI の急速な発展を予測する。 2.1 Sketching: Visual Layout Design and Theme Input システムの初期段階には、2つの主要なコンポーネントを含むグラフィカルユーザーインターフェイスが含まれています: 視覚的にサイトのレイアウトを表示するためのキャンバスパネルと、サイトのテーマのテキスト説明のためのプロンプトパネル。 この2段階の変換プロセスは、我々のテストの実証に基づいて実施され、言語モデルは、SVG形式の画像と比較してJPG形式の画像を処理する際により良いパフォーマンスを示していることを示しています。 2.2 Writing: Product Requirements Document Generation この段階では、ユーザーのビジュアルおよびテキストの入力を、プロダクト要件文書(PRD)と呼ばれる構造化された文書に変換し、ウェブサイトの開発プロセスのブループラントとして機能します。 言語モデルは、画像の用語とサイズの記述を含めるように特別に要請されます(例: [school(large)])。これらの記述子は、PRDに組み込むために関連する画像URLを返すPexels APIをクエリするために使用されます。 2.3 Coding: Website Generation and Iterative Refinement システムのコード化段階は、2つの主要な構成要素から構成される:(1)初期コード生成:システムは生成されたPRDとオリジナルユーザプロンプトをコード生成の入力として使用し、ソネットを使用して初期サイトコードを生成する。 このプロセスでは、初期のコードを分析して最適化の提案を生成し、これらの提案をオリジナルテーマと合併し、先に生成されたPRDと一緒に強化されたテーマを使用してコードを再生します。 著者: Qinshi Zhang Latisha Besariani Hendra Mohan Chi Zijian Ding Authors: QINSHI ザン ラティシャ・ベサリアニ・ヘンドラ モハン・チ ジジアン・ディング この論文は CC BY 4.0 DEED ライセンスの下で archiv で利用できます。 この紙は CC BY 4.0 DEED ライセンス ARCHIV で利用可能 ARCHIV で利用可能
