向您展示如何使用 OpenAI、@Wized 和 Webflow 的 GPT-3 的強大功能來創建一個應用程序，該應用程序可為職位列表生成自定義求職信。如果您正在尋找 GPT-3 商業創意，請隨時使用相同的流程來設置您自己的網站
我最近有機會使用 Wized 構建一個應用程序，這是一個強大的工具，可以在 Webflow 中實現更好的自定義和類似應用程序的功能。這款名為 coverletter.ai 的應用程序通過使用自然語言處理工具 GPT-3 生成自定義求職信來簡化工作申請流程。
我使用什麼工具來創建 CoverLetter AI？
以下是我如何使用 Wized 和 GPT-3構建coverletter.ai的分步分解：
第一步：在Webflow中創建界面
首先，我使用 Webflow 設計應用程序儀表板的外觀。我只在關鍵頁面上工作，讓事情變得簡單，這是用戶輸入他們的個人信息和他們感興趣的工作的地方。我使用 Relume 導入客戶至上的樣式表。
第 2 步：將 OpenAI 添加到 Wized
要使用 GPT-3 生成求職信，我需要將 Wized 連接到 OpenAI API。由於 Wized 目前沒有與 OpenAI 的本地集成，我使用 REST API 應用程序並按照 OpenAI API 文檔為 Wized 中的每個數據輸出功能配置基本 URL 和端點 URL。我設置了一個 Data Out 函數來測試 API 調用並確保它成功。
第 3 步：將 Wized 屬性應用於輸入字段
為了生成動態求職信，我需要將用戶表單輸入的值傳遞到我的 API 調用。為此，我將 wized 屬性應用於 Webflow 中的表單輸入字段。這告訴 Wized 在 API 請求中使用這些值或元素。然後我能夠在 Wized 的常規選項卡中找到這些值，並在我的 API 請求中使用它們。Wized 在處理數據輸入、數據輸出和文本操作請求方面的靈活性真正使其有別於 Airtable 和make.com等工具，後者需要更多自定義編碼才能獲得類似的結果。
第 4 步：設置 API 響應以顯示求職信
一旦我能夠根據用戶的輸入生成自定義求職信，我就需要在界面中顯示求職信回复。為此，我設置了一個操作，如果 API 調用成功，該操作將在 Webflow 中的靜態文本元素上顯示來自 API 響應的文本。作為獎勵，我還添加了一個加載程序以在處理 API 請求時顯示，因為對 OpenAI 的 API 調用可能需要更長的時間。
第 5 步：配置按鈕觸發器
最後，我設置了一個按鈕觸發器，允許用戶在他們準備好時發起 API 請求。我將一個 wized 屬性應用於按鈕並設置一個新的“單擊時”操作，該操作在 Wized 中執行“完成完成”請求。
總而言之，我構建了 coverletter.ai，這是一款通過使用 GPT-3 和 Wized 生成自定義求職信來簡化工作申請流程的應用程序。Wized 是構建此應用程序的完美工具，因為它具有多功能性和與 Webflow 無縫協作的能力。構建應用程序的過程包括在 Webflow 中創建界面、將 Wized 連接到 OpenAI API、應用 Wized 屬性形成輸入字段、設置 API 響應以顯示求職信以及配置按鈕觸發器以啟動 API 請求。
總的來說，我對我的第一個 Wized 應用程序非常滿意。我將繼續添加更多功能，所以當你想在我發布下一篇文章時獲得更新時，請務必註冊時事通訊！