當團隊必須從眾多 UI 元件中選擇區塊時，建立精緻的行銷頁面可能會很耗時。此技能會引導 Claude、Codex 和 Claude Code 為常見頁面類型選擇並組合 Tailark 區塊。

團隊需要能快速取得可直接用於網頁的標誌草稿。此技能會產生品牌概念，並儲存透明 PNG 素材。

背景工作常因重試、延遲和副作用處理不一致而失敗。此技能會透過持久化步驟、sleep、事件等待和註冊規則，引導 Inngest 函式設計。

網站團隊需要符合元件尺寸與格式需求的精緻圖片資產。此技能會生成 Replicate 圖片，可選擇移除背景，並儲存最佳化的 WebP 檔案。

新的資料輸入功能通常需要相應的表單、驗證和 API 路由。此技能會引導 Claude、Codex 和 Claude Code 建立具備 Zod 驗證與已驗證 CRUD 端點的一致 React 表單。

團隊經常將密鑰值與已提交的設定範本混在一起。此 skill 會引導代理程式將範本保存在 .env，並將真實密鑰保存在 .env.local 或部署設定中。

當範本、版面配置與傳送程式碼彼此脫節時，交易型電子郵件工作會變得緩慢。此 skill 會引導 Claude、Codex 和 Claude Code 建立 React Email 範本，並將其連接到 sendMail。

文件專案需要一致的頁面結構、中繼資料、導覽和範例。此技能會引導 Claude、Codex 和 Claude Code 建立 Fumadocs MDX 頁面，並使用有組織的資料夾與 meta.json 檔案。

當資料表、關聯、索引和 JSON 欄位分開規劃時，資料庫結構描述變更可能會變得不一致。此技能為 Claude、Codex 和 Claude Code 提供專注於 Drizzle ORM 結構描述設計與審查的工作流程。

當定價、購買和扣除分別實作時，點數系統可能會變得不一致。此技能會引導 Claude、Codex 和 Claude Code 使用現有的點數輔助工具與 UI 模式。

行銷團隊需要簡潔的文案來說明價值並促成行動。此技能會以清楚的結構和有力的行動呼籲，起草登陸頁、電子郵件和產品文案。

發布 MDX 部落格文章通常需要一致的 frontmatter、圖片路徑、標籤和中繼資料。此技能會引導 Claude、Codex 和 Claude Code 建立符合現有部落格引擎的結構化文章。

身份驗證變更可能會破壞存取控制或暴露使用者資料。此技能針對路由包裝器、工作階段與使用者查找提供直接指引。

團隊需要能快速取得並符合產品風格的視覺資產。此技能會建立 DALL-E 提示詞、執行輔助指令碼，並將圖像儲存到專案資產資料夾中。

團隊需要可靠的模式，才能將 AI 功能加入 Next.js 應用程式。此技能針對使用 Vercel AI SDK 的聊天、結構化輸出、生成式 UI 與背景代理提供聚焦指引。

AI 生成工作流程可能會遺失長時間任務、檔案與點數狀態。此技能會引導你使用 Inngest、S3 儲存與資料庫狀態更新，建立佇列式 Replicate 工作流程。

複雜的軟體設計經常失敗，因為需求、邊界與取捨不夠清楚。這項技能會引導團隊完成探索、領域建模、邊界設計、ADR，以及 TypeScript 腳手架建立。

自訂代理檔案很容易建立錯誤，這可能造成行為模糊或工具存取權限過度。此技能會引導 Claude、Codex 和 Claude Code 使用者建立聚焦的代理定義、提示和工具範圍設定。

交易代理需要一致的規則來進行模擬市場決策。此技能提供用於分析、設置記錄、訂單、警報與回顧的 SMC 和 ICT 工作流程。

SMC 和 ICT 圖表分析可能難以轉化為清晰的交易計畫。此技能會將本機偵測器輸出轉換為偏向、流動性、進場、停損、目標與風險評論。