指南
教你用 AI 做網站、讓它好看，再把它上線。可直接複製的提示詞、簡單的原則和檢查清單，Claude、ChatGPT 和任何 AI 都適用。
新手？從這裡開始
依序讀完三份指南，就能帶你從對話裡的一個檔案，到一個讓你引以為傲、想拿給人看的網站。
AI 網站速查表
所有規則整理在一張可列印的頁面，另有依任務分組的 70 個提示詞：開始一個網站、修正手機版、改寫文字、修復壞掉的地方，以及上線。
上線
從對話裡的一個檔案，到任何人都能打開的網址。
設計
把規則講清楚，你的 AI 每次都會照做。
文案
聽起來像你，而不是像範本的文字。
上線與安全
讓網站對每個人都好用的檢查項目。
和客戶合作
給為別人製作網站的自由工作者。
多數新手錯過的訣竅
你的 AI 懂設計原則，但當你把原則講清楚時，它會一致得多。如果只說「做得現代一點」，你會得到接近一般網站的平均水準。說明層次、間距、對比度和行動版，就能得到看起來有設計感的網站。把這段加到你下次的提示詞裡：
Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief