在利用 Claude Code 建立網站時，應如何設計提示詞以獲得最佳結果？ | 數位時代

如何設計 Claude Code 提示詞以獲得最佳網站建立效果？

要利用 Claude Code 建立網站並獲得最佳效果，提示詞的設計至關重要。Claude Code 是一款由 Anthropic 開發的 AI 編程工具，能夠讓不具備技術背景的使用者，也能透過自然語言的指令輕鬆完成網站開發等任務。因此，如何有效地與 Claude Code 溝通，將直接影響到網站的品質與效率。

提示詞設計要點

1. 明確具體的需求描述：提示詞應詳細說明你希望網站達成的目標、風格以及功能。例如，若要建立個人作品集網站，可以上傳個人履歷檔案，並明確告知 Claude 你喜歡的視覺風格，甚至提供參考網址。
2. 情境設定與角色扮演：為了讓 Claude Code 更貼近你的需求，可以設定情境並賦予其角色。例如，你可以告訴 Claude 你完全不懂程式，請它擔任你的導師，並要求它用簡單易懂的方式解釋技術名詞，並在程式碼中加入中文註解。
3. 逐步引導與互動：在整個網站建立過程中，與 Claude Code 保持積極互動，確保它生成的內容符合你的期望。如果遇到需要 API 金鑰等進階設定，AI 也會提供手把手的教學引導。
4. 利用系統提示（System Prompt）：透過自訂「CLAUDE.MD」檔案設定系統提示，可以明確告知 AI 你的需求與限制。例如，你可以要求 AI 提供詳細的指引、用白話解釋技術術語、在程式碼中加入詳細註解等。

提示詞範例

• 「這是我的簡歷 [附加檔案]。請幫我建立一個乾淨、現代的個人網站來展示我的經歷。我喜歡 [參考網址] 的視覺風格，請嘗試模仿。我沒有任何開發經驗，請引導我完成每一步。」
• 「我完全不懂程式，請擔任我的導師。所有的技術名詞請用比喻解釋；所有的程式碼請附上中文註釋；請直接幫我執行所有可能的步驟，我只需要看成果。」

額外建議

除了上述的提示詞設計要點外，還可以要求 AI 撰寫「LEARN.MD」學習文件，用有趣的比喻解釋技術與執行，增加可讀性與記憶點。此外，雖然 Claude Code 可以讓你無需編程基礎也能建立網站，但持續學習相關知識，將能讓你更好地掌控網站的設計與功能。總之，透過清晰、具體的提示詞，加上積極的互動與學習，你就能充分利用 Claude Code 打造出符合需求的個人網站。

This is a simplified version of the page. Some interactive features are only available in the full version.
本頁為精簡版，部分互動功能僅限完整版使用。
👉 View Full Version | 前往完整版內容