iT邦幫忙

2024 iThome 鐵人賽

DAY 26
0


📌 本主題系列大部分皆為 AI 生成後潤飾
📌 生成本主題系列的工作流程請參考另一個主題系列:[我無限升級,30天解鎖獨自升級金手指!你老闆不能知道的 AIGC 效率激增工作流]
📌 文中使用『引用格式』代表輸入的 Prompt

💡
這是輸入的 Prompt

使用 Replit Agent 建立任何專案的完整指南

想像一下,即使您從未寫過一行程式碼,現在也能只用簡單的英語指令,建立整個應用程式並部署到網路上。這一切都歸功於 Replit Agent,一個正在改變程式開發方式的全新 AI 代理。在這篇文章中,我們將深入探討如何使用 Replit Agent,從零開始建立一個實際的專案,同時展示如何在 Upwork 上賺取 1,000 美元。

為什麼選擇這個專案?

我們在 Upwork 上找到了一個真實的專案:「為一家行銷代理商開發網站」,預算為 1,000 美元。選擇這個專案的原因如下:

  1. 真實性:這是一個實際存在的工作機會,人們願意為此支付高額報酬。
  2. 可行性:使用 Replit Agent,我們完全有能力快速完成這個專案。
  3. 示範性:這證明了利用 AI 可以現實地賺取數千美元。

開始之前的準備

步驟一:註冊 Replit 帳戶

  1. 前往 replit.com
  2. 點擊右上角的「登入」或「開始使用」按鈕。
  3. 如果您沒有帳戶,請花 30 秒時間註冊一個新帳戶。

(截圖)

步驟二:升級到 Replit Core

  1. 登入後,您會看到 Replit Agent 的選項。
  2. 點擊「升級到 Replit Core」。
  3. 選擇適合的方案並完成支付流程。

Replit Core 的優勢

  • 獲取 Replit Agent 的完整訪問權限(仍在測試階段)。
  • 無限的 Repl(專案)數量。
  • 包含每月 10 美元的部署信用額度。
  • 解鎖所有部署類型,包括自動擴展和靜態部署。

(截圖)

使用 Replit Agent 建立專案

步驟一:啟動 Replit Agent

  1. 在首頁,點擊「Replit Agent」。
  2. 您將進入一個對話介面,可以開始輸入指令。

(截圖)

步驟二:提供專案說明

由於 Upwork 上的專案描述可能不夠詳細,我們可以利用 OpenAI 的模型來生成更清晰的開發計劃。

  1. 打開 ChatGPT,輸入以下提示:

    以下是我想要你為我創建的專案的詳細說明,請為其製作一個簡潔的開發計劃:
    
    (在此貼上 Upwork 專案的描述)
    
  2. 讓模型生成一個包含明確步驟的計劃。

(截圖)

步驟三:將計劃輸入 Replit Agent

  1. 複製模型生成的開發計劃。
  2. 將其貼入 Replit Agent 的對話框。
  3. 點擊「開始構建」。

(截圖)

監控 Replit Agent 的工作

Replit Agent 將根據您的指令自動建立專案。您可以在介面中實時查看它的進度。

(截圖)

與 Replit Agent 互動

如果 Replit Agent 需要更多資訊或有疑問,它會向您提問。例如:

  • Replit Agent:我已經為您的行銷代理商網站創建了計劃,您想要實現以下哪些功能?

    • 部落格區域
    • 投資組合展示
    • 聯絡表單
    • 新聞訂閱
  • :請添加投資組合展示和新聞訂閱功能。

(截圖)

提供反饋和進行修改

在開發過程中,您可以查看網站的預覽,並向 Replit Agent 提出修改建議。例如:

  • :網站的用戶介面有點基本,能否使其更專業一些?
  • Replit Agent:好的,我將改進配色方案和排版。

(截圖)

測試和優化網站

檢查功能

  1. 預覽網站並測試各個頁面,如首頁、服務、關於我們、聯絡我們等。
  2. 確認所有鏈接和按鈕都能正常運作。

(截圖)

優化用戶介面

如果您發現任何問題,例如:

  • 圖片未正確顯示。
  • 導航選單在移動裝置上無法正常運作。

您可以向 Replit Agent 反饋:

  • :當視窗變窄時,導航選單消失了,能否使網站對移動裝置友好?
  • Replit Agent:明白,我將實現一個響應式的漢堡選單。

(截圖)

部署您的網站

步驟一:停止開發並準備部署

當您對網站滿意後,可以停止 Replit Agent 的工作,並開始部署流程。

(截圖)

步驟二:選擇部署方案

  1. 點擊「部署」按鈕。
  2. 選擇適合的部署類型,例如「預留虛擬機」或「自動擴展」。

部署選項

  • 預留虛擬機:適合需要高穩定性的應用程式。
  • 自動擴展:適合可能突然增加流量的應用程式。
  • 靜態部署:適合靜態網站,部署速度快,成本低。

(截圖)

步驟三:完成部署

  1. 設定您的域名,例如 marketingagency.repl.app
  2. 點擊「部署」,等待系統完成部署流程。

(截圖)

在 Upwork 上尋找更多機會

使用 AI 協助篩選項目

  1. 在 Upwork 搜索「網站開發」等相關關鍵詞。

  2. 使用 ChatGPT 來幫助您篩選最適合的項目:

    您的任務是:
    1. 列出截圖中提到的所有項目,包括詳細信息。
    2. 按照最容易實現的順序排列,我們尋找可在幾小時內完成的項目。
    

(截圖)

提交專業的提案

找到合適的項目後,撰寫一份專業的提案,強調您如何使用 Replit Agent 快速高效地完成他們的需求。

結論

利用 Replit Agent,任何人都可以在短時間內建立功能強大的網站或應用程式,甚至在 Upwork 上賺取豐厚的報酬。現在就行動起來,利用 AI 的力量,開創屬於您的成功之路!


上一篇
[Napkin AI] 一鍵生成麥肯錫式的視覺圖表
下一篇
[Playground AI] 設計師必備的強大圖像生成工具
系列文
轉生到鬼島的反派,為了生存必須在30天內學會30種 AI 工具!29
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言