Video thumbnail for 我的第一款AI产品上线!纯Vibe Coding

AI產品實戰:新手也能上線!Prompt管理工具開發全紀錄

Summary

Language:

Quick Abstract

想知道如何用 AI 打造你的第一個產品嗎?本次將帶您了解 Promptaus,一款由 AI 驅動的提示詞管理工具,以及如何利用 AI 在短時間內創建產品。 探索 AI 如何簡化產品開發流程,以及為何現在是創造產品的最佳時機!

Quick Takeaways:

  • Promptaus 解決了提示詞管理混亂的問題,讓你更有效率地使用 AI。

  • Promptaus 讓你儲存、標記、管理提示詞,方便 AI 自動調用。

  • 開發僅耗時約一週,成本約 100 美元!使用 V0 生成UI,並用 Keynote 繪製UI。

  • 核心模組包括使用者認證、提示詞管理(AI潤飾功能),以及MCP協議支援。

  • 流量將導向那些準備好與 AI 充分連結的人,產品開發門檻也大幅降低。

  • 重點是編程思維、產品思維和商業思維,而非單純的編碼。

  • AI 工具賦能了具備產品和商業洞察力的人,讓他們有機會改變生活。

  • Newtype社群提供 AI 相關知識、人脈和實戰經驗分享。

好的,這是一個基於您提供的文字稿,重新編寫成 Markdown 格式的繁體中文文章:

AI 產品 PromptAus:提示詞管理與調用的解決方案

我推出了一個由 AI 打造的產品,名為 PromptAus。您可以訪問網站 promptaus.app 來體驗。雖然這個產品很簡單,但我非常認真地對待它。我並非為了拍影片開玩笑或假裝做點什麼。

PromptAus 解決的問題

PromptAus 解決的核心問題是提示詞的管理和調用

為什麼需要提示詞管理?

Prompt(提示詞)是使用者最常接觸的 AI 使用技巧,因此用戶群體最大。無論您的提示詞是自己撰寫還是從他人處複製,當數量過多時,您會如何儲存?

  • 儲存在筆記軟體?

  • 每次使用時,需要打開筆記本尋找、複製和貼上提示詞?

這種方式非常沒有效率且麻煩。因此,我希望讓 AI 能夠從您的提示詞中自動選擇並調用。

PromptHouse 的功能與運作方式

PromptHouse 是一個網頁應用程式,您可以將所有提示詞儲存在裡面,並設定標題、標籤,進行更詳細的管理,方便 AI 調用。

  • 支持 MCP 協議: PromptHouse 支持 MCP 協議,您會獲得一個與您的帳戶和資料連結的專屬連結。

  • 調用流程:

    1. 客戶端模型從伺服器獲取您的提示詞列表(包含標題和標籤)。
    2. 模型使用這些標題和標籤,判斷哪個提示詞最符合當前需求。
    3. 模型向伺服器發送請求,告知要使用的提示詞。
    4. 伺服器返回提示詞的完整內容給客戶端。

簡而言之,整個流程就是:獲取列表 -> 選擇提示詞 -> 獲取完整內容。整個過程使用了兩個 MCP 工具。

PromptAus 旨在解決提示詞的管理和使用問題。這也是目前 PromptAus 的核心功能。

開發過程與工具

我從開始到發布總共花了五到六天,比我預期的要快。

  • UI 設計: 第一版的 UI 使用 V0 生成,但我覺得不夠理想,所以用 Keynote 繪製了兩個頁面。對我來說,做 UI 和做 PPT 沒有本質上的區別。

  • 程式碼生成: 我下載了 V0 的程式碼,並放入 Cursor 中,讓雲端模型協助我完成。

  • 後端與部署: Vercel 和 SuperBase 非常適合初期開發。尤其是 SuperBase 非常方便,我強烈推薦給大家。

  • 核心模組: 專案共有四個核心模組。

技術細節

  • 用戶認證: 登入部分只開通了 Google 帳號。

  • 提示詞管理: 加入了 AI 塗抹功能,使用 OpenAI 模型進行塗抹。

  • MCP 協議: 只支持 streamable HTTP,這種連接方式將會是未來的趨勢。

  • 部署與配置: 從 GoDaddy 購買域名,使用 Vercel 部署,然後將域名綁定上去。

我甚至沒有寫一行程式碼,全部都是由 Cursor 完成的。

  • AI 模型: 一開始使用 Cloud 3.7 加上 Gemini 2.5,過程中如果遇到 Bug,則使用 OpenAI O3(因為它可以解決問題,雖然非常昂貴)。

  • Cloud4 的出現: 幸運的是,在開發過程中,Cloud4 出現了,而且 Cursor 還有折扣,大大加速了我的開發進程。

我可以根據我的經驗告訴大家,Cloud4 是目前地球上最強大的程式設計模型,真的非常好用。

我花了約一周的時間,以及約 100 美元,就做出了 PromptAus。

未來展望與機會

我已經在構思下一個產品,也會使用類似的方法來開發。我為自己設定了一個目標:在今年年底前推出三到六個產品。

為什麼現在是做產品的最佳時機?

  • 流量分配模式的劇變: 當 PageRank 變成 AgentRank 時,許多網站都需要重做。因為使用者互動不再是網頁或 App,而是 Agent。AI 搜尋引擎(或問答引擎)會直接給您答案,那麼您還需要網頁做什麼呢?

  • 產品創建門檻大幅降低: 雖然網頁編碼的概念被過度宣傳,但確實降低了創建產品的門檻。

成功的關鍵要素

即使不懂程式碼,也要具備程式設計思維、結構思維、產品思維和商業思維。您需要知道前端和後端使用什麼技術,以及哪些現成的解決方案可以利用。當 AI 卡住時,您需要主動提出可能的解決方案,並站在比 AI 更高的層次指揮 AI。

在產品推出之前,您需要思考您要賺取什麼(現金或名聲);產品推出後,您需要知道如何推廣和運營。

雖然不能完全依賴 AI 做出產品,但對於那些不擅長程式碼,卻擁有超強產品和商業嗅覺、超強學習能力和超強解決問題能力的人來說,AI 工具可以幫助他們改變生活。

行動與分享

我將每週的內容創作時間壓縮到兩天,剩下的時間都用於編碼。我會在社群中分享我的想法、做法、遇到的困難,以及產品上線後的測試結果。我甚至會截圖分享我賺了多少錢。

如果您想了解 AI,想成為超級個體,想找到志同道合的人,歡迎加入我們的 Newtype 社群。

下次見。

Was this summary helpful?