載入中

設計本地採集指南

建立以地圖作為選單的 Artifacts。在互動地圖上選擇您的州,依類別瀏覽,並匯出可列印的參考資料。

15 分鐘個人Claude

1. 描述任務

建立一個能感知位置的野生植物指南,適用於您所在的地區。在互動地圖上選擇您的州,依類別瀏覽植物,查看目前正值季節的植物,並匯出可列印的田野參考資料。

告訴 Claude 這個工具的用途、互動流程,以及您的設計方向。具體的功能需求與美學提示能產生更精緻的結果。

我想為剛接觸野生可食植物、不知從何開始的人建立一份採集指南。

它應該具備的功能:

  • 讓使用者在互動式美國地圖上點擊自己的州,查看該地區的採集資料(從 us-atlas TopoJSON CDN 取得地圖資料,網址為 https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json,並使用 D3 的 geoAlbersUsa 投影法進行渲染)
  • 依類別瀏覽可食植物,並為每個物種顯示 12 個月的季節條,讓使用者一目了然地看到採收時機
  • 讓使用者點擊任何植物以展開詳細資訊,接著讓使用者將植物加入個人採集清單,並匯出包含所選物種與安全提醒的可列印田野指南

設計風格:寧靜且自然。溫暖的奶油色、柔和的鼠尾草綠、淡橄欖色。想像田野日誌與編輯風雜誌的結合——精緻卻平易近人。流暢的轉場、圓角設計、良好的字體層級。

2. 提供 Claude 背景資訊

Claude 會直接在對話中建立可運作的 Artifacts。請在設定中啟用 Artifacts,讓 Claude 能建立您可立即使用的互動式應用程式。

在您的設定中開啟 Artifacts。這讓 Claude 能生成具有完整互動性的應用程式——地圖、狀態管理、資料視覺化——並直接在聊天中渲染。無需任何設定或部署。

必要背景資訊

無需上傳任何內容。

對於複雜的多元件應用程式,請開啟擴展思考,讓 Claude 能在建構前先規劃架構。

選用背景資訊

3. Claude 建立的內容

Claude 會產出一份完整、可運作的採集指南,從一張互動式美國地圖開始,點擊某個州即可顯示該地區的植物資料。

我已為您建立了野生可食植物田野指南。以下是您可以做的事:

依地區探索 — 點擊地圖上任何已標示的州。目前指南包含太平洋西北地區(華盛頓州、奧勒岡州、愛達荷州)與東北地區(緬因州至馬里蘭州)的資料。其他地區則顯示為即將推出。

依類別瀏覽 — 選擇州之後,使用分頁瀏覽您所在地區可取得的野生綠葉植物、漿果、菇類、根莖類與堅果。

查看季節性 — 每張植物卡片都顯示一個 12 個月的條狀圖,標示採收時機。目前月份會被標示出來,讓您立即看到目前正值季節的植物。

深入了解 — 點擊任何卡片以展開詳細資訊:在哪裡可以找到它、如何處理它,以及需要留意的任何相似物種。具有危險相似物種的植物會顯示警告面板。

建立您的清單 — 點擊 + 按鈕將植物加入您的採集清單。您的選擇會顯示在一個浮動面板中,追蹤您的數量。

匯出田野指南 — 準備好後,匯出功能會生成一份可列印的參考資料,包含您所選的物種、處理說明與安全提醒。

查看您的田野指南

4. 後續提示

繼續與 Claude 對話,以精進、擴展或進一步探索。

替換為已驗證的資訊

此指南使用範例資料來示範其運作方式。一旦您對外觀與感覺感到滿意,可以請 Claude 研究您所在地區的真實物種——實際的採收季節、已驗證的辨識細節、最新的安全警告。

請將 Artifact 中的範例替換為我所在地區目前的採集資料。研究已驗證的採收時機、準確的辨識技巧,以及有記錄的相似物種。我想在野外實際使用這份指南。

在野外辨識物種

上傳一張照片,從眼前所見的東西開始反向推敲。

我附上了一張我在步道上發現的東西的照片。根據這張圖片與我所在的地區,這可能是什麼?我應該親自檢查哪些特徵——菌褶結構、孢子印、氣味——來確認?請告訴我僅憑照片能判斷與無法判斷的部分。

5. 技巧、提示與疑難排解

從 Claude 建立的內容中學習,或直接重複使用

請 Claude 逐步說明邏輯,讓您理解其模式,而不只是看結果。或者跳過說明,直接從 Artifact 中複製程式碼,作為建立新事物的起點。參考這個重複使用此模式建立的互動式園藝指南範例。

在同一對話中持續精進

Claude 能在多次交流中保持上下文,因此您可以大量反覆調整而不需要重新開始。新增一項功能、測試它、發現問題、描述問題、取得修正。這種來回往復——有時多達數十輪——正是複雜工具逐漸成形的方式。您並不是在打擾 Claude,要求變更正是這個流程的運作方式。

互動地圖搭配資料來源效果最佳

Claude 並未精確記住地理邊界——州界輪廓、海岸線、郡界。若沒有指向真實地圖資料的來源,它有時會用佔位形狀來近似,而非準確的地圖。此提示透過指定一個 TopoJSON 來源(一種標準的地圖資料格式)來解決這個問題。Claude 會取得真實的邊界並正確渲染。如果您的地圖看起來不對,請檢查您是否指向了實際的地理資料。

6. 準備好親自試試了嗎?

建立具有自訂介面的互動工具,依您喜歡的探索與學習方式量身打造。與 Claude 一起描述並精進您的想法,讓工具對您真正有用。