建置檔案上傳需要 UI、用戶端邏輯和伺服器路由。此 skill 會引導 Claude、Codex 和 Claude Code 使用適合 Web 應用程式的 S3 上傳模式。

當作業以不同速度完成時，Replicate 整合可能會變得不清楚。此技能為 Claude、Codex 和 Claude Code 提供快速執行、輪詢和型別化回應的實用模式。

React 團隊需要能符合其設計系統的富文字編輯器。此 skill 會引導 Plate.js 設定、外掛、工具列與狀態處理。

方案與配額變更通常會牽涉到結構描述、驗證、表單、價格頁面和訂閱流程。此技能為 Claude、Codex 和 Claude Code 提供一份聚焦的檢查清單，協助保持這些部分一致。

當元件選擇不明確時，組裝行銷頁面可能會花費時間。此技能會將頁面目標對應到 Tailark 區塊與實作步驟。

建立精緻的標誌素材通常需要多個設計與清理步驟。此技能會使用 Replicate 產生標誌、移除背景，並儲存為透明 PNG。

當計時器、重試和副作用都在一般請求程式碼中處理時，背景工作通常容易失敗。此技能為 Claude、Codex 和 Claude Code 提供清楚的 Inngest 模式，用於建構耐久的工作流程。

建立一致的網站圖像可能會拖慢元件開發工作。此技能會使用 Replicate 和 Sharp 產生、最佳化並儲存 WebP 資產。

團隊經常在不同功能中重複設定表單、驗證與 CRUD 路由。此技能為 Claude、Codex 和 Claude Code 提供一致的 TypeScript 表單交付模式。

環境變數通常會混合公開預設值與私人機密。此技能會引導 Claude、Codex 和 Claude Code 將範本與本機機密分開保存。

交易型電子郵件開發通常需要一致的範本、共用版面配置，以及可靠的寄送 hook。此技能會引導 React Email 範本、渲染與 sendMail 整合。

團隊需要一致的公開文件，而不必猜測 Fumadocs 的檔案版面配置。此技能會引導 Claude、Codex 和 Claude Code 建立 MDX 頁面、frontmatter 與 meta.json 導覽。

資料庫結構描述變更可能造成資料遺失、查詢變慢，或 Drizzle 定義不一致。此技能會引導 Claude、Codex 和 Claude Code 進行結構化的結構描述設計、關聯、索引與審查步驟。

當定價、餘額與 UI 流程變得不一致時，點數功能可能會失效。此技能會指引點數類型、購買流程、餘額顯示與分配輔助工具。

團隊經常需要具說服力、清晰、簡潔且以轉換為導向的文案。此技能可草擬並改善到達頁、電子郵件、行動呼籲（CTA）和產品訊息。

發布 MDX 部落格文章需要一致的 frontmatter、圖片路徑、標籤與中繼資料。此技能會引導 Claude、Codex 和 Claude Code 建立符合專案工作流程的文章。

當團隊混用 session API 與路由防護時，驗證變更經常會失敗。此技能會引導 Claude、Codex 和 Claude Code 使用專案輔助工具來實現安全的存取控制。

團隊需要一致的視覺素材，用於產品頁面、文件和行銷畫面。此技能會引導 DALL-E 生成，並將檔案儲存在專案素材資料夾中。

團隊經常在 Next.js 服務之間串接聊天、結構化輸出與代理工作流程時耗費時間。此技能為 Claude、Codex 和 Claude Code 使用者提供聚焦的 Vercel AI SDK 模式。

長時間執行的 AI 工作需要持久狀態、計費與資產儲存。此技能展示一個使用 Inngest 處理、S3 持久化與點數處理的 Replicate 管線。