以電影級標準製作網站
每個新網站都從一個統一的模板出發，並依序套用五個技能，每個技能扮演特定角色。跳過其中一個或改變順序會產生以下三種結果之一：好看但不轉換、會轉換但質感不佳、或在手機上版面亂掉。
開始之前
- 閱讀操作者提供的與該商家相關的所有內容：
identidade.md、site.json、_memoria/或簡報。事實（姓名、電話、地址、價格、評分、評價、照片）只能從這些資料以及商家的公開來源取得。網站上的評價只有在 100% 正面時才納入：應排除任何提及缺陷、問題、抱怨、交易取消或任何會引起疑慮的內容，即使評價最後是以讚美結尾。有疑慮時，就不要放入。也不要在網站的其他部分提及那些被排除的評價撰寫者。 - **使用的是品牌的完整色系，而不僅僅是強調色。**如果 Logo 或店面使用了兩種顏色（例如橘色和藍色），則這兩種顏色都必須在網站中出現，並使用與店面或 Logo 相同的色調。接近黑色的背景色不計為第二種顏色。
- **已確定的 Logo 應作為瀏覽器頁籤圖示。**如果商家有 Logo（由業主提供、來自 Linktree、網站、招牌或重新設計並經核准），它就必須是網站的 favicon：檔案為
img/favicon.png（方形，從無背景的 Logo 出發，保留留白空間，尺寸為 64 和 180 像素），並透過<link rel="icon">和<link rel="apple-touch-icon">連結到<head>中。如果 Logo 太寬，無法在 16 像素下清晰辨識，則使用其中心元素（例如標籤、縮寫字、Logo 字體中的首字母），絕不使用其他自創的字元或圖示。如果沒有 Logo，則 favicon 使用品牌顏色的首字母。 - 從包含的模板開始：
${CLAUDE_SKILL_DIR}/template/（其README.md說明了佔位符、照片和personalizar.sh腳本）。此模板適用於任何商店或本地服務；請替換那些不適合該垂直領域的區塊。只有在該垂直領域需要此模板不提供的結構時，才使用其他模板，即便如此也必須保持此模板的完成度。 - 技術基礎：靜態 HTML（一個包含 CSS 和 JS 在同一個檔案中的
index.html，再加上img/）。能提供相同的視覺效果和動畫，消耗較少的 token，無需建置即可發布，且不會因依賴問題而損壞。僅在網站需要伺服器時才使用 Next.js：例如需要寫入資料庫或發送包含秘密金鑰的 Webhook 的表單、需要登入功能的區域、需要產生大量頁面的部落格，或者專案已經使用 Next.js（在這種情況下，請保留其基礎架構）。 - 對於已經存在的網站，在進行修改前，請先備份當前版本（
versoes/vN-antes-vN+1/）。
執行順序（一次一個技能，依此順序）
frontend-design：使用商家的真實品牌識別（Logo 顏色、海報字體、區塊對比度）進行視覺指導。當調色板、字體和區塊結構確定後，此階段結束。landing-page-cinematografica：加入動態和完成度（階梯式入場、噪點紋理、有重量的按鈕、評價高亮、計數數字、尖角或對角線設計）。當其禁止項目清單中沒有任何項目出現時，此階段結束。revenue-centric-design（開啟references/conversion-and-landing-pages.md）：設計一個能通過 5 秒測試的英雄區域，在手機第一屏就提供證據，包含有特定行動呼籲的按鈕並在其下方附帶一行保證文字，每 1.5 個區塊就放置一個 CTA，並減少離開網站的點擊次數。當承諾不大於所提供的證據時，此階段結束。copywriting（以 Eugene Schwartz 為基礎）：以客戶的語言撰寫所有文案，不得虛構任何事實。當網站上的每個句子都可以從商家的某個來源驗證時，此階段結束。adaptar-mobile，務必最後執行：針對 360 和 375 像素寬度進行檢查，並確認 1440 像素寬度沒有出現問題。當螢幕截圖已開啟並檢視過後，此階段結束。
結尾
- 在本機提供服務並提供連結（
http://localhost:PORTA）。僅在操作者要求時才進行發布。 - 交付時，請說明已執行了哪五個技能中的哪幾個，以及哪些內容缺乏證據（未經確認的事實、僅在模擬環境中測試的項目）。