用 Craft 創想

夢境日記

捕捉你的夢境,揭開它們背後的意義。透過自訂的網頁應用程式記錄每個夢境,並使用 ChatGPT 或 Claude 來解讀夢境背後的象徵意義和情感。

夢境日記夢境日記

自己動手打造

在這個例子中,我們將使用 Craft 來記錄個人夢境。我們將建立一個小型 Web 應用程式來記錄我們的夢境,然後讓 ChatGPT 或 Claude 為每個夢境添加解讀。

步驟 1建立你的文件

我們的夢境日記文件非常簡單:只要把每個新的夢境加在最上面,用日期當標題,下方附上一些額外資訊。

使用範本為你的夢境日記建立新文件:

步驟 2啟用 API 存取

為你的文件啟用 API 存取,以取得可用於讀取和新增文件內容的唯一 URL,例如透過我們將在下方建置的網頁應用程式。

步驟 1

開啟「創想」分頁

步驟 2

點選「新增你的第一個 API 連線」

步驟 3

為你的 API 連線設定名稱。 在這個專案中,API 只需要寫入你的文件。將 API 權限設定為僅「寫入」。

步驟 4

點擊「新增文件」並選擇你的 Dream Journal 文件。

步驟 5

用於與文件互動的 API URL 現在顯示在頂部

步驟 6

點擊「下載 AI 套件」按鈕。這會下載一個資料夾,其中包含 API 說明文件和你的文件內容。

步驟 3以 Lovable 為基礎

現在讓我們繼續在 Lovable 上建立儀表板的實際網站。對於上面顯示的範例網站,我們使用了以下提示:

我正在建立一個夢境日記來記錄和分析我的夢境。

這些資訊儲存在 Craft 中。請查看附件,其中展示了我的 Craft 文件的當前狀態範例,以及你應該用來儲存我的夢境的 API 資訊。

我希望你建立一個網站,其中顯示一個輸入表單,用於記錄我的夢境和睡眠品質。

該網站應在中心顯示一個表單,其中包含一個用於調節睡眠品質的滑桿(從非常差到非常好)。在滑桿上方,每個品質等級都應該有一個表情符號,會隨著滑桿移動而更新。下方應該有一個文字輸入框來輸入夢境內容。

設計應該平靜柔和。使用沉穩的色調和圓角造型,背景為柔和的漸層色。

前往 Lovable 並將提示貼到提示框中。請務必附上我們剛剛下載的文件 AI Bundle。

Lovable 開始工作,分析 bundle 的內容,了解文件結構以及如何使用 API。然後,它開始根據我們的提示建立網站。

現在我們有了一個漂亮的網站,可以用來把夢境加入我們的夢境日記!如果你願意,可以把這個網頁應用程式儲存到主畫面上,這樣每天早上就能快速造訪了。

步驟 4啟用 MCP 存取

為你的文件啟用 MCP 存取,以取得唯一的 URL,AI 用戶端可以使用它來讀取和新增你的文件內容:

步驟 1

開啟「創想」分頁

步驟 2

點擊「建立你的第一個 MCP 連線」

步驟 3

為你的 MCP 連線設定名稱。

步驟 4

點擊「新增文件」並選擇你的 Dream Journal 文件。

步驟 5

用於與你的文件互動的 MCP URL 現在顯示在頂部。

步驟 5設定 MCP 連接

現在讓我們使用 MCP URL 從用戶端連接到文件:

要新增自訂連接器,需要訂閱 Claude Pro 或 Max 版本。

步驟 1

前往「設定」

步驟 2

選擇“連接器”部分,然後按一下“新增自訂連接器”按鈕

步驟 3

為連接器取一個有意義的名稱,然後貼上 MCP URL。將進階設定中的 OAuth Client ID 和 Client Secret 欄位留空 — Claude 會在需要時自動處理驗證。

步驟 4

確認後,你的連接器已設定完畢,你可以在聊天中開始使用了。

要了解更多信息,請查看 Claude 的文檔:“ 使用遠端 MCP 的自訂連接器入門 ”。

步驟 6開始與你的文件互動

現在你可以要求 Claude 查看我們的夢境日記,並為最新的夢境添加解讀:

點擊範例即可將提示複製到剪貼簿

更多想法供你嘗試

返回展示區