Black Friday: Get 40% off Craft for Life!

用 Craft 創想

夢想日記

夢想日記夢想日記

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

自己動手構建

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

步驟1建立您的文檔

我們的夢想日記的文檔非常簡單:我們只需將每個新夢想添加到頂部,以日期作為標題,以下是一些附加資訊。

使用範本為您的夢想日記建立新文件:

步驟2啟用 API 存取

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

Click the “Imagine” tab in the sidebar

步驟1

Open the “Imagine” tab
Click “Add Your First API Connection” button

步驟2

Click “Add Your First API Connection”
Configure API connection settings

步驟3

Configure your API connection with a name. For this project, the API only needs to write to your docs. Set the API permissions to “Write” only.
Click “Add Document” button

步驟4

Click “Add Document” and select your Dream Journal document.
API URL displayed at the top

步驟5

The API URL that will be used to interact with your document is now displayed at the top
Click the “Download AI Bundle” button

步驟6

Click the “Download AI Bundle” button. This will download a folder containing the API documentation and the content of your doc.

步驟3以 Lovable 為基礎

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

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

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

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

該網站應在中心顯示一個表單,其中包含一個用於調節睡眠品質的滑桿(從非常差到非常好)。在滑桿上方,每個品質等級都應該有一個表情符號,這些表情符號會

應該平靜柔和。使用憂鬱的顏色和圓形,背景為柔和的漸變色。

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

Dream Journal 5

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

Dream Journal 6

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

步驟4啟用 MCP 訪問

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

Click the “Imagine” tab in the sidebar

步驟1

Open the “Imagine” tab
Click “Create Your First MCP Connection” button

步驟2

Click “Create Your First MCP Connection”
Configure MCP connection settings

步驟3

Configure your MCP connection with a name.
Click “Add Document” button

步驟4

Click “Add Document” and select your Dream Journal document.
MCP URL displayed at the top

步驟5

The MCP URL that will be used to interact with your document is now displayed at the top.

步驟5設定 MCP 連接

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

要新增自訂連接器,需要訂閱 Claude Pro 或 Max 版本。
打開克勞德的設置

步驟1

前往“設定”
選擇“連接器”部分

步驟2

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

步驟3

為連接器指定一個有意義的名稱,然後貼上 Craft 中的 MCP URL。
確認並建立連接器

步驟4

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

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

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

現在您可以要求Claude查看我們的夢想日記並為我們最新的夢想添加解釋:

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

更多想法供您嘗試

返回畫廊