{"title":"Claude Code Skills","description":"\u003cp\u003e在 Claude Code 中執行的 Skills：後端與前端工程師、DevOps 與平台工程、資料工程、資安、自動化與文件專家，以及開發者產生器（正規表示式、SQL、測試、README）。將檔案放入您的 Claude Code Skills 資料夾，並從終端機呼叫它。\u003c\/p\u003e","products":[{"product_id":"frontend-developer-skill","title":"Lena - 前端開發人員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Lena 放入 Claude，就能獲得一位資深前端開發者，從第一個 prompt 開始就撰寫可投入生產環境的元件 - React、Vue 3 與 Angular，完整支援 TypeScript、Figma 轉程式碼，以及通過 Core Web Vitals 的 UI，讓你不必因任何 Lighthouse 稽核而恐慌。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 沒有元件可以脫離架構。Lena 會在撰寫第一個元素之前，先找出正確的狀態管理模式、建置工具與無障礙做法 - 因為快速交付與正確交付並不矛盾。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你會獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eReact（hooks、context、suspense）、Vue 3（composition API）、Angular 15+ - 全程完整使用 TypeScript 型別\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e使用 Redux Toolkit、Zustand、Pinia 或 NgRx 進行狀態管理 - 配合你的技術堆疊，而非預設採用某種方案\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e將 Figma\/Sketch 轉換為像素級精準的響應式程式碼 - 使用 Tailwind、CSS Modules 或 Styled Components\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eVite、Webpack 5、Turbopack 建置流程設定 - 程式碼分割、樹狀搖樹與 chunk 最佳化\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eCore Web Vitals 最佳化 - LCP、INP、CLS，搭配 Lighthouse 稽核與真實使用者監控策略\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e符合 WCAG 2.1 AA - 語意 HTML、ARIA 角色、鍵盤導覽與螢幕閱讀器測試\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e使用 Jest\/Vitest + React Testing Library 進行測試、使用 Playwright\/Cypress 進行 E2E 測試，以及使用 Storybook 撰寫元件文件\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 frontend-developer-skill.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2 分鐘內完成安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到「專案指示」或 system prompt → 開始建置。就這樣。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56894735843592,"sku":"frontend-developer-skill","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/frontend-developer-skill-1.png?v=1789424656"},{"product_id":"niko-backend-developer","title":"Niko - 後端開發人員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Niko 加入 Claude，即可獲得一位資深後端開發人員：設計 API、撰寫安全的伺服器端邏輯，並像別人欠他錢一樣處理資料庫 - Python、Node.js、Go，或您正在使用的任何技術堆疊。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 沒有架構，就不寫程式碼。Niko 在撰寫任何端點之前，總會先考量資料模型、驗證策略和擴展模式 - 因為您在第一行做出的決策，會一路影響到第一萬行。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003ePython（Django、FastAPI、Flask）、Node.js（NestJS、Express）、Go、Java Spring Boot - 適應您的技術堆疊，並完整支援 TypeScript\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eREST 和 GraphQL API 設計 - 版本控制、分頁、篩選、OpenAPI 規格、Webhook 系統和 SSE 串流\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e從零開始進行驗證 - JWT、OAuth 2.0、PKCE、RBAC\/ABAC、多租戶隔離、OWASP Top 10 防護\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003ePostgreSQL 結構設計、查詢最佳化、索引策略、MongoDB 建模、Redis 快取模式\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e微服務架構、訊息佇列（Kafka、RabbitMQ、SQS）、背景工作、水平擴展模式\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e使用 pytest、Jest、Pact 合約測試進行測試 - 加上結構化記錄、OpenTelemetry 追蹤和 Prometheus 指標\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eAPI 文件、安全性與效能 PR 審查、RFC 撰寫，以及參與系統設計\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 niko-backend-developer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e不到 2 分鐘即可安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的專案指示或 system prompt 中 → 開始建置。就是這樣。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56895623594248,"sku":"niko-backend-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/niko-backend-developer-1.png?v=1789424656"},{"product_id":"max-full-stack-developer","title":"Max - 全端開發人員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Max 放進 Claude，就能獲得一位以系統思維工作的資深全端開發者 - 從資料庫結構到 API、UI 再到部署。一個技能檔案，在單次對話中完成端到端的功能交付。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 沒有孤立的層級。Max 以垂直切片方式建置 - 將可運作的功能一路交付到整個技術堆疊，而不是留下之後還需要拼接的不連貫元件。他會做出架構決策、解釋取捨，並涵蓋完整的 2026 生產環境技術堆疊，包括 AI API 整合。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你會獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e完整功能交付 - 在一次對話中完成資料模型、API、前端元件、測試與部署設定\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eReact 18+\/Next.js 14+、Vue 3\/Nuxt 3、TypeScript、Tailwind - 加上後端的 Node.js（NestJS\/Express）與 Python（FastAPI\/Django）\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e全端採用 TypeScript - tRPC、Zod 結構、Prisma\/Drizzle ORM，前後端共用型別\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eAI API 整合 - OpenAI、Anthropic、串流、Token 管理、向量資料庫（Pinecone、pgvector），用於語意搜尋\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eDocker 多階段建置、GitHub Actions CI\/CD 管道、環境與密鑰管理、基礎 Kubernetes\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003ePostgreSQL、MongoDB、Redis - 結構設計、查詢調校、快取模式，以及使用 Prisma 或 Alembic 進行遷移\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e單元測試、整合測試、E2E 測試與元件測試 - 使用 Jest\/Vitest、Playwright、React Testing Library，涵蓋所有層級\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 max-full-stack-developer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e不到 2 分鐘即可安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到你的專案指示或 system prompt → 描述一項功能 → Claude 交付完整全端實作。就這麼簡單。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897165197576,"sku":"max-full-stack-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/max-full-stack-developer-1.png?v=1789424657"},{"product_id":"hana-wordpress-developer","title":"Hana - WordPress 開發人員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Hana 放入 Claude，即可獲得一位資深 WordPress 開發人員：她能撰寫自訂佈景主題、從頭建立外掛、解決 WooCommerce 疑難雜症，並加速您的網站 - 無論是開發人員還是網站擁有者都適用。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 不再需要猜測，也不會產生通用 PHP 程式碼。Hana 了解 WordPress 內部機制 - 掛鉤系統、範本階層、WP_Query、REST API、完整網站編輯 - 並能正確運用。她也會以非技術利害關係人易於理解的語言，說明每個決策。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的功能\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e自訂佈景主題開發 - 範本階層、完整網站編輯、區塊佈景主題、theme.json、全域樣式，以及響應式行動裝置優先 CSS\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e外掛開發 - 啟用掛鉤、自訂資料庫資料表、管理頁面、AJAX 處理程式，以及使用 React 和 Block Editor API 建立自訂 Gutenberg 區塊\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eWooCommerce 客製化 - 商品類型、結帳欄位、動態定價、付款閘道、電子郵件範本、無頭 REST API 設定\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e效能優化 - Redis\/Memcached 物件快取、查詢最佳化、WebP 圖片、CDN 設定，以及 Core Web Vitals 修復\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e安全性強化 - nonce、權限檢查、資料清理、檔案上傳驗證，以及修復 WSOD、外掛衝突和重新導向迴圈\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e遷移、暫存環境工作流程、WP-CLI、使用 GitHub Actions 的 Git 部署，以及從暫存環境同步至正式環境的資料庫\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eSEO 友善標記、schema.org 結構化資料、無障礙功能（WCAG），以及 Yoast\/RankMath 擴充功能支援\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 hana-wordpress-developer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的 Project Instructions 或系統提示詞中 → 描述您的 WordPress 問題 → Claude 會處理一切。就這樣。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897236107528,"sku":"hana-wordpress-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/hana-wordpress-developer-1.png?v=1789424657"},{"product_id":"yuri-code-reviewer","title":"Yuri - 程式碼審查員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Yuri 放入 Claude，即可獲得一位資深程式碼審查員，在問題進入正式環境前抓出錯誤、安全漏洞和效能問題 - 提供建設性意見、修改前\/後範例，而且不自以為是。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 每則評論都會標示為阻擋問題、細節問題或建議。每項建議都附有原因說明和程式碼範例。Yuri 支援 JS\/TS、Python、Go、Java、PHP、Ruby、Rust 和 C#，並會配合您團隊現有的慣例，不會重寫您整套風格指南。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e錯誤與邏輯分析 - 差一錯誤、競態條件、過時的閉包、記憶體洩漏、未處理的 promise 拒絕，以及不正確的狀態變更\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eOWASP 安全性檢視 - SQL 注入、XSS、存取控制失效、IDOR、硬編碼密鑰、CSRF 缺口、SSRF，以及路徑遍歷\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e效能檢視 - N+1 查詢、缺少索引、不必要的重新渲染、套件膨脹、連線池缺口，以及過於頻繁通訊的微服務\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e架構與程式碼品質 - SOLID 違規、DRY 失效、上帝類別、緊密耦合、圈複雜度，以及不清楚的命名\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e測試缺口分析 - 未測試的邊界案例、脆弱的測試、過度模擬、缺少錯誤路徑涵蓋範圍，以及邊界條件警示\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e與語言無關 - JS\/TS、Python、Go、Java、PHP、Ruby、Rust、C# - 每項建議都附有修改前\/後的程式碼範例\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 yuri-code-reviewer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e不到 2 分鐘即可安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的專案指示或系統 prompt → 開始工作。就這樣。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897272840456,"sku":"yuri-code-reviewer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/yuri-code-reviewer-1.png?v=1789424657"},{"product_id":"viktor-software-architect","title":"Viktor - 軟體架構師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Viktor 加入 Claude，取得一位能設計可擴展系統、客觀評估技術堆疊，並撰寫團隊真正會閱讀的 ADR 的解決方案架構師 - 架構決策以權衡矩陣為依據，而非憑直覺。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 沒有架構太空人術。Viktor 會為您提供誠實的單體與微服務比較、可立即轉譯的 C4 圖，以及開發人員無需打四通澄清電話即可實作的 RFC。他涵蓋系統設計、雲端基礎架構、資料架構和安全性 - 全部整合在一個 skill 檔案中。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e系統設計 - 微服務拆分、DDD 限界上下文、事件溯源、CQRS、saga 模式、API 閘道與 BFF 架構\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e涵蓋 AWS、GCP 和 Azure 的雲端架構 - 多區域高可用性、主動-主動容錯移轉、RTO\/RPO 定義、FinOps 成本建模\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e資料架構 - 依存取模式選擇儲存方案、Kafka\/Kinesis 串流管線、結構描述演進、資料湖與資料倉儲的選擇\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e可靠性與安全性 - 斷路器、零信任模型、威脅建模（STRIDE）、機密管理、SOC2\/GDPR 合規模式\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eC4 模型圖、架構決策紀錄（ADR）、技術 RFC，以及包含遷移計畫和回復策略的技術 RFC\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e技術堆疊評估矩陣 - 自建與採購分析、框架基準測試、人才招募池評估、總持有成本\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e架構審查 - 單點故障、瓶頸、技術債熱點，以及按優先順序排列的修正計畫\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 viktor-software-architect.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的 Project Instructions 或 system prompt → 描述您的系統需求 → Claude 便會進行架構設計。就這麼簡單。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897392312584,"sku":"viktor-software-architect","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/viktor-software-architect-1.png?v=1789424658"},{"product_id":"mira-qa-engineer","title":"Mira - QA 工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Mira 放入 Claude，即可獲得一位資深 QA 工程師：會撰寫測試計畫、找出您遺漏的邊界案例，並產生真正能找出錯誤的 Playwright 和 Cypress 腳本 - 因為 AI 撰寫的程式碼越多，您需要的測試也越多。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 不再有模糊的測試涵蓋範圍。Mira 會根據風險評估建立測試策略，為每個狀態轉換與邊界值設計案例矩陣，並將測試套件直接整合至您的 CI\/CD 管線 - 同時內建間歇性測試失敗偵測與 Allure 報告。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e測試策略與規劃 - 以風險為本的測試、測試金字塔比例、進入\/退出標準、驗收標準與完整測試案例矩陣\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e使用 Playwright 和 Cypress 進行 E2E 自動化 - Page Object Model、自訂指令、data-testid 選擇器、重試策略\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eAPI 測試 - Postman\/Newman 集合、回應驗證、結構描述檢查、驗證流程測試與串聯請求序列\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e使用 k6、JMeter 與 Locust 進行效能測試 - 負載設定檔、壓力、浸泡與尖峰測試，以及閾值定義\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eCI\/CD 整合 - 具備平行執行、分片、Docker 測試基礎架構與測試裝置管理的 GitHub Actions 和 GitLab CI 管線\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e缺陷管理 - 結構化錯誤報告、間歇性測試失敗診斷、根本原因分析與穩定化策略\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e使用 axe-core 和 WAVE 進行無障礙測試、使用 OWASP ZAP 進行安全性掃描，以及使用 Percy 或 Chromatic 進行視覺回歸測試\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 mira-qa-engineer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到「專案指示」或 system prompt → 描述您的功能 → Claude 會撰寫測試計畫與腳本。就這麼簡單。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897413611784,"sku":"mira-qa-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/mira-qa-engineer-1.png?v=1789424685"},{"product_id":"oleg-database-engineer","title":"Oleg - 資料庫工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Oleg 加入 Claude，取得一位資深資料庫工程師：撰寫最佳化 SQL、設計能在大規模下保持穩定的結構描述，並解釋查詢計畫，讓您不必再猜測效能緩慢的原因。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 沒有黑箱查詢。Oleg 會讀取 EXPLAIN\/ANALYZE 輸出、找出缺少的索引、重寫悄悄拖慢效能的 ORM 產生 SQL，並處理不會在凌晨 3 點把您吵醒的零停機遷移。PostgreSQL、MySQL、MongoDB、Redis - 全部涵蓋在一個 skill 檔案中。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e結構描述設計 - 正規化的 3NF 結構描述、反正規化策略、OLTP 與 OLAP 建模、階層式模式與 MongoDB 文件設計\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eSQL 精通 - CTE、視窗函式、遞迴查詢、LATERAL JOIN、JSONB 運算子、全文搜尋、具備適當隔離等級的交易\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e查詢最佳化 - 解讀 EXPLAIN\/ANALYZE、B-tree、GIN、GiST、部分索引與涵蓋索引策略、N+1 偵測、修正 ORM 產生的 SQL\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e零停機遷移 - expand-and-contract 模式、線上 DDL、使用 Prisma、Alembic、Flyway 或原始 SQL 進行批次資料遷移\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eRedis - 快取模式（cache-aside、write-through、防止快取雪崩）、發布\/訂閱、排序集合、串流與 Redis Cluster 設定\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e可靠性與運維 - 備份策略、串流複寫、PgBouncer、慢查詢記錄、複寫延遲警示與災難復原\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e雲端資料庫 - AWS RDS、Aurora、DynamoDB、ElastiCache、GCP Cloud SQL、BigQuery - 規模估算、儲存選擇與成本最佳化\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 oleg-database-engineer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的專案指示或系統 prompt 中 → 描述您的資料問題 → Claude 會設計並最佳化解決方案。就這麼簡單。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897443070216,"sku":"oleg-database-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/oleg-database-engineer-1.png?v=1789424686"},{"product_id":"rami-devops-engineer","title":"Rami - DevOps 工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Rami 放入 Claude，就能獲得一位資深 DevOps 工程師，首次就能撰寫可運作的 CI\/CD 管線、Dockerfile、Kubernetes 設定與 Terraform 模組 - 基礎架構即程式碼，而不是靠猜測建置基礎架構。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 不會有那些在正式環境中就會損壞的複製貼上設定。Rami 會設計內建適當快取、回滾觸發程序與安全掃描的管線 - 然後在事情仍然出錯時，提供操作手冊給你。GitHub Actions、Kubernetes、Terraform、AWS，以及完整的可觀測性堆疊，全都整合在一個 skill 檔案中。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eCI\/CD 管線 - GitHub Actions、GitLab CI、Jenkins，搭配矩陣建置、層快取、密鑰管理、分階段閘門，以及自動回滾觸發程序\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eDocker - 多階段建置、distroless 映像、Trivy\/Snyk 安全掃描、標籤策略、多架構建置，以及用於本機開發的 docker-compose\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eKubernetes - Deployments、HPA、PDB、Helm charts、存活性\/就緒性探針、Ingress 設定，以及完整的 kubectl 偵錯工作流程\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e基礎架構即程式碼 - 具備 S3 狀態鎖定的 Terraform 模組、Pulumi、Ansible playbook、CloudFormation 與 AWS CDK 堆疊設計\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eAWS、GCP、Azure - VPC 設計、EKS\/GKE、ALB、Route 53、CloudFront、RDS、IAM 最小權限政策，以及多雲模式\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e監控堆疊 - Prometheus PromQL、Grafana 儀表板、ELK\/EFK 記錄、PagerDuty 警示、SLI\/SLO 定義，以及錯誤預算追蹤\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e發布工程 - 使用 ArgoCD\/Flux 進行藍綠、金絲雀與 GitOps 部署、Vault 密鑰管理，以及無責任歸屬的事後檢討流程\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 rami-devops-engineer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT \u0026amp; 任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到專案指示或 system prompt 中 → 描述你的基礎架構問題 → Claude 會撰寫設定。就這樣。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897464107272,"sku":"rami-devops-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rami-devops-engineer-1.png?v=1789424687"},{"product_id":"tariq-cloud-engineer","title":"Tariq - 雲端遷移工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Tariq 加入 Claude，取得一位能設計 AWS、GCP 和 Azure 架構、撰寫 CloudFormation 與 Terraform 範本，並找出可將雲端帳單降低一半的設定的資深雲端工程師 - 一次就把雲端做好。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 不是把點選主控台偽裝成架構設計。Tariq 會為您設計完善的 VPC，依據工作負載選擇合適的運算與儲存方案，並從第一天起套用 IAM 最小權限原則。他也會執行成本最佳化稽核，找出執行個體類型、儲存層級，以及那些沒人記得關閉的資源中的節省空間。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eAWS 架構 - 跨 AZ 的 VPC 設計、EC2\/ECS\/EKS\/Lambda 運算選擇、S3 儲存類別、RDS Multi-AZ、DynamoDB、ElastiCache、CloudFront 與 WAF\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eGCP 與 Azure 跨雲端能力 - GKE、Cloud Run、BigQuery、AKS、Azure Front Door、Key Vault、多雲端模式，以及避免供應商鎖定\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e基礎架構即程式碼 - CloudFormation 巢狀堆疊、AWS CDK constructs、具備狀態管理的 Terraform 模組、ARM 範本與 Bicep\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e無伺服器架構 - Lambda 冷啟動最佳化、API Gateway 授權方、Step Functions 狀態機、EventBridge、SQS\/SNS 扇出，以及 Kinesis\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e安全性與 IAM - 最小權限政策、跨帳戶 AssumeRole、SCP、KMS 信封加密、GuardDuty、CloudTrail、Secrets Manager 輪替\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e成本最佳化 - Compute Optimizer 資源調整、Reserved Instances 與 Savings Plans 的比較、S3 生命週期政策、降低 NAT gateway 成本，以及 AWS Budgets 警示\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e災難復原 - 多區域主動-主動架構、Route 53 健康檢查故障轉移、DynamoDB Global Tables、AWS Backup，以及使用 Fault Injection Simulator 進行混沌工程\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 tariq-cloud-engineer.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的 Project Instructions 或 system prompt → 描述您的雲端需求 → Claude 會進行架構設計。就這樣。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56897974763784,"sku":"tariq-cloud-engineer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/tariq-cloud-engineer-1.png?v=1789424687"},{"product_id":"dante-tech-lead","title":"Dante - 技術主管 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Dante 放入 Claude，即可獲得一位資深技術主管：撰寫技術規格、主持設計審查、指導你的開發人員，並做出不會在六個月後造成災難的架構決策 - 領導力與程式碼的結合。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 不依賴主觀意見的決策。Dante 會產出結構化的 ADR，列出經考量的替代方案，將 Epic 拆解為可交付的區塊並標示風險，並將技術限制轉譯成商業語言 - 從 Sprint 規劃到工程路線圖，全部涵蓋在一個 skill 檔案中。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e技術決策 - 框架與資料庫的取捨分析、架構決策記錄、建置與購買評估、編碼標準，以及完成定義\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e技術規格與 RFC - 包含 API 合約、資料模型變更、遷移計畫、回復策略，以及可測試驗收標準的設計文件\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e程式碼品質標準 - 審查標準、各專案的測試策略、依風險分類技術債、CI\/CD 與可觀測性最佳實務的採用\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003eSprint 與交付管理 - Epic 拆解、工作項目估算、阻礙識別、指定負責人的回顧會議，以及與產品團隊進行範圍協商\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e指導與團隊發展 - 技術 1:1、入職文件、學習計畫、知識分享會議，以及架構導覽\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e跨職能協作 - 在產品與工程之間雙向轉譯、團隊之間的 API 合約、不使用術語的利害關係人更新\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e技術路線圖 - 平台改進規劃、重大遷移策略（strangler fig、功能旗標）、AI 工具評估，以及容量規劃\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 dante-tech-lead.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到你的專案指示或 system prompt 中 → 描述你的領導挑戰 → Claude 協助你領導團隊。就這麼簡單。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56899559096584,"sku":"dante-tech-lead","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/dante-tech-lead-1.png?v=1789424686"},{"product_id":"priya-engineering-manager","title":"Priya - 工程經理 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Priya 放入 Claude，您就能獲得一位資深工程經理，協助撰寫績效評估、規劃招募流程、建立團隊路線圖，並保護您的開發人員免受無止盡會議之苦 - 以工程專業為後盾的人員領導力。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 不只是沒有執行力的管理理論。Priya 會產出可直接用於校準的績效評估，附上可量化的影響力陳述；設計具備一致評分表的面試流程；並追蹤 DORA 指標以求改善 - 而不是拿來對付個人。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e人員管理 - 1:1 議程、包含影響力陳述的績效評估、個人發展計畫、PIP 文件，以及艱難對話框架\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e招募與團隊建設 - 職缺說明、附評分表的結構化面試流程、帶回家作業評分規準、30\/60\/90 天入職計畫，以及留才策略\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e交付執行 - 以實際利用率為依據的衝刺容量規劃、DORA 指標追蹤、跨團隊相依性管理，以及附帶緩解措施的風險升級\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e技術策略 - 平衡功能、技術債與可靠性的工程路線圖、建置或購買分析、AI 工具採用評估，以及技術盡職調查\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e跨職能合作 - 高階主管狀態更新、產品對齊、範疇協商、利害關係人期望管理，以及不使用術語的向上溝通\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e流程與文化 - 衝刺儀式設計、採用無責備事後檢討的事件管理、心理安全感，以及文件文化（ADR、操作手冊）\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e職涯成長與職級發展 - IC 與管理職涯階梯、附具體證據的升遷文件、薪酬基準比較，以及團隊結構設計\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 priya-engineering-manager.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2 分鐘內完成安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e安裝方式\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將檔案內容貼到您的 Project Instructions 或 system prompt → 描述您的管理挑戰 → Claude 協助您帶領團隊。就這麼簡單。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":56899560571144,"sku":"priya-engineering-manager","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/priya-engineering-manager-1.png?v=1789424686"},{"product_id":"ai-api-documentation-generator","title":"AI API 文件產生器","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18;\"\u003e\n \u003cdiv style=\"background: #E6F1FB; border: 1px solid #BDD8F0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;\"\u003e\n \u003cp style=\"margin: 0; font-size: 12px; font-weight: 600; color: #185FA5; letter-spacing: 0.06em; text-transform: uppercase;\"\u003e技術與開發 Prompt\u003c\/p\u003e\n \u003cp style=\"margin: 6px 0 0; font-size: 13px; color: #555550; line-height: 1.5;\"\u003e產生 Stripe 等級的 API 文件 - 包括驗證、端點、錯誤及 webhook，讓開發者能在 10 分鐘內完成驗證、發出第一次呼叫並處理錯誤。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 這個 AI API 文件產生器 prompt 會建立符合 OpenAPI 規格的文件 - 包括概覽、驗證指南、快速入門、含多語言程式碼範例的端點參考、附解決方式的錯誤處理、速率限制、webhook、SDK、版本政策及變更日誌 - 採用開發者體驗領導者使用的格式。貼到 Claude、ChatGPT 或任何 AI 聊天工具中，加入你的 API 規格，即可產生適用於 Docusaurus、ReadMe、Mintlify 或 GitBook 的文件。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 驗證流程優先 - 無法完成驗證的開發者會放棄。每個錯誤回應都會記錄狀態碼、原因及修正方式（禁止無提示錯誤）。每個端點都包含多種語言的完整且符合實際情境的請求與回應範例 - 不接受「example_value_1」這類佔位值。適用於 Claude、ChatGPT 或任何 AI 聊天模型。\n \u003c\/p\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e你將獲得\u003c\/h3\u003e\n \u003cul style=\"font-size: 13px; color: #555550; line-height: 1.9; padding-left: 18px; margin: 0 0 24px;\"\u003e\n \u003cli\u003e一個可直接用於正式環境的 AI API 文件產生器 prompt（900+ 字）\u003c\/li\u003e\n \u003cli\u003e完整文件結構 - 概覽、驗證、快速入門、端點參考、錯誤、速率限制、webhook、SDK、變更日誌\u003c\/li\u003e\n \u003cli\u003e端點參考，提供多語言程式碼範例（cURL、Python、JavaScript、Go、Ruby - 選擇 3-5 種）\u003c\/li\u003e\n \u003cli\u003e完整錯誤代碼表 - 列出每個錯誤的狀態、代碼、原因及解決方式\u003c\/li\u003e\n \u003cli\u003e適用於 REST、GraphQL、大量使用 webhook 的 API、企業級\/SOAP、僅供內部使用及面向合作夥伴的 API，可自訂\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e專為以下對象打造\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e後端開發人員\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e平台團隊\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e開發者關係團隊\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e技術架構師\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eDX 工程師\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; padding-top: 16px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #BBBBAA; margin: 0; font-family: 'DM Mono', monospace;\"\u003eai-api-documentation-generator-prompt.txt · 適用於 Claude、ChatGPT 及更多工具 · 立即使用\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57628709323016,"sku":"ai-api-documentation-generator","price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-api-documentation-generator-book.jpg?v=1787225364"},{"product_id":"test-case-generator-prompt","title":"AI 測試案例產生器","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18;\"\u003e\n \u003cdiv style=\"background: #E6F1FB; border: 1px solid #BDD8F0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;\"\u003e\n \u003cp style=\"margin: 0; font-size: 12px; font-weight: 600; color: #185FA5; letter-spacing: 0.06em; text-transform: uppercase;\"\u003e技術與開發 Prompts\u003c\/p\u003e\n \u003cp style=\"margin: 6px 0 0; font-size: 13px; color: #555550; line-height: 1.5;\"\u003e產生涵蓋程式碼實際出錯位置的測試案例 - 不只是正常流程。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 此測試案例產生器 prompt 會為任何功能、函式、使用者故事或錯誤修正建立結構化測試套件 - 單元、整合、E2E、API、UI、邊界、迴歸和負向測試，並包含前置條件、步驟、預期結果、自動化建議及需求追蹤。將其貼到 Claude、ChatGPT 或任何 AI 聊天中，描述功能或貼上函式，即可取得可立即執行或自動化、以風險為重點的測試套件。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 僅測試正常流程並不足夠 - 此 prompt 專注於程式碼最常出錯的地方：數值和字串邊界、權限邊界、第三方相依性故障、競態條件、SQL 注入模式，以及跨租戶資料存取。每個預期結果都必須能具體驗證（禁止使用「回傳正確結果」）。適用於 Claude、ChatGPT 或任何 AI 聊天模型。\n \u003c\/p\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e您將獲得\u003c\/h3\u003e\n \u003cul style=\"font-size: 13px; color: #555550; line-height: 1.9; padding-left: 18px; margin: 0 0 24px;\"\u003e\n \u003cli\u003e一個可用於正式環境的測試案例產生器 prompt（900 多字）\u003c\/li\u003e\n \u003cli\u003e11 種測試類別 - 正常流程、邊界、錯誤處理、權限、整合、並行、資料一致性、效能、安全性、無障礙功能、迴歸\u003c\/li\u003e\n \u003cli\u003e針對每項測試提供自動化建議 - AUTOMATE \/ SMOKE \/ MANUAL \/ SKIP\u003c\/li\u003e\n \u003cli\u003e可在您選擇的測試框架中執行的程式碼骨架\u003c\/li\u003e\n \u003cli\u003e可自訂用於單元測試、API 測試、E2E、錯誤修正迴歸測試、效能、安全性和無障礙功能測試\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e適用於\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eQA 工程師\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e撰寫測試的開發人員\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e產品經理\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e測試自動化主管\u003c\/span\u003e\n \u003cspan style=\"background: #E6F1FB; color: #185FA5; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e工程團隊\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; padding-top: 16px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #BBBBAA; margin: 0; font-family: 'DM Mono', monospace;\"\u003etest-case-generator-prompt.txt · 適用於 Claude、ChatGPT 及更多工具 · 立即使用\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57628760965384,"sku":"test-case-generator-prompt","price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/test-case-generator-prompt-book.jpg?v=1787225364"},{"product_id":"albert-ai-code-review-agent","title":"Albert - AI 程式碼審查代理","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Albert 載入 Claude，取得一名資深程式碼審查 Agent，針對任何語言或框架進行徹底、結構化的程式碼審查 - 每個錯誤、安全漏洞與效能問題都會依嚴重程度評級，並搭配具體修正方法，而非含糊的意見。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 大多數程式碼審查意見要麼過於籠統、難以採取行動，要麼忽略最重要的問題。Albert 能解決這些問題。他會在審查任何內容前，針對您的程式碼提出精準的初步了解問題 - 使用的語言、用途、關注領域，以及是否要部署至生產環境 - 然後提供開發人員可立即採取行動的完整審查報告。適用於 Claude、ChatGPT，或任何接受系統提示的 AI 聊天模型。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e依嚴重程度分級的發現\u003c\/strong\u003e - 每項問題皆評為 Critical、High、Medium 或 Low，讓您確切知道上線前必須修正哪些問題、哪些可以稍後處理，優先順序毫不含糊\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e安全性稽核\u003c\/strong\u003e - 找出並標示 OWASP Top 10 漏洞、注入風險、驗證問題、程式碼中的機密資訊與不安全相依套件，並在上線前提供具體修正方法\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e效能審查\u003c\/strong\u003e - 找出演算法複雜度問題、N+1 查詢、不必要的迴圈、記憶體洩漏與阻塞作業，並提供具體的最佳化建議\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e錯誤處理缺口\u003c\/strong\u003e - 找出並修正缺少 try\/catch 區塊、未處理的 promises、無聲失敗，以及會在生產環境造成問題的邊界情況\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e程式碼品質評估\u003c\/strong\u003e - 標示 DRY 違反、單一職責問題、命名清晰度、無效程式碼與可維護性疑慮，並提供具體重構建議\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e完整審查報告\u003c\/strong\u003e - 提供依嚴重程度統計的發現總結、按 Critical 至 Low 排序的個別發現，每項包含位置、說明與具體修正方法，以及整體生產環境就緒度評估\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 albert-ai-code-review-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2 分鐘內完成安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 載入您的 Project Instructions 或系統提示 → 將啟用 prompt 貼到對話中 → Albert 會一次提出一個初步了解問題，並提供完整、結構化的程式碼審查報告。適用於 Claude（推薦）、ChatGPT，或任何接受系統提示的 AI 聊天工具。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850878394632,"sku":"albert-ai-code-review-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/albert-ai-code-review-agent-book.jpg?v=1787218783"},{"product_id":"conrad-ai-bug-fixer-agent","title":"Conrad - AI 除錯代理","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Conrad 載入 Claude，取得一名資深錯誤修正 Agent，能診斷出錯的程式碼、錯誤訊息及非預期行為 - 找出根本原因、確切解釋發生原因，並提供具體的修正前後對照及驗證步驟。不猜測。不修補症狀。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 大多數除錯時間都浪費在無法修正真正問題的補丁上。Conrad 能解決這個問題。他會提出針對性問題，了解程式碼應該如何運作、實際如何運作，以及錯誤出現前發生了哪些變更 - 然後在修改任何一行程式碼前先診斷根本原因。適用於 Claude、ChatGPT，或任何接受系統 prompt 的 AI 聊天模型。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您會獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e根本原因診斷\u003c\/strong\u003e - 在套用任何修正前，清楚說明實際問題、發生原因，以及問題確切出現於程式碼中的位置，讓您理解問題，而不只是套用修補程式\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e修正前後對照\u003c\/strong\u003e - 將原本出錯的程式碼與修正後的程式碼並列，搭配內嵌註解確切說明變更內容及修正有效的原因，而不只是告訴您複製貼上哪些內容\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e錯誤訊息解讀\u003c\/strong\u003e - 讀取並追溯 stack trace、TypeError、NullPointerException、未處理的 promise rejection、CORS 錯誤及其他任何錯誤訊息的來源，而不只是停留在錯誤顯現的位置\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e驗證步驟\u003c\/strong\u003e - 提供具體的測試案例或檢查方式，在修正內容接近正式環境前確認其確實有效，因為未經測試的修正仍然只是猜測\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e下次預防\u003c\/strong\u003e - 提供一項實用建議，說明未來如何避免這類錯誤，避免同一問題在三週後又耗費另一個小時進行除錯\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e其他觀察\u003c\/strong\u003e - 另外發現的周邊程式碼問題會分開標示，讓您知道還有哪些地方需要處理，同時避免 Conrad 重構您未要求他修改的內容\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 conrad-ai-bug-fixer-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 載入至您的 Project Instructions 或系統 prompt → 將啟用 prompt 貼入對話中 → Conrad 會一次提出一個問題、診斷根本原因，並提供包含修正前後程式碼的完整修正方案。適用於 Claude（推薦）、ChatGPT，或任何接受系統 prompt 的 AI 聊天工具。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850879312136,"sku":"conrad-ai-bug-fixer-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/conrad-ai-bug-fixer-agent-book.jpg?v=1787218784"},{"product_id":"dorian-ai-api-documentation-agent","title":"Dorian - AI API 文件代理","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Dorian 載入 Claude，即可獲得一位資深 API 文件代理，將您的 API 程式碼、路由或技術筆記轉換為完整專業的文件 - 端點參考、驗證指南、請求與回應範例、錯誤代碼表，以及可直接發布的開發者快速入門指南。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 大多數 API 都是最後才撰寫文件、文件品質不佳，甚至從未撰寫文件 - 這表示開發者得花上數小時，才能弄清楚程式碼原本幾分鐘就該說明的內容。Dorian 能解決這個問題。他可以從您現有的任何內容開始 - 原始路由、控制器程式碼、Postman 集合或粗略筆記 - 針對 API 與受眾提出精準問題，然後產出開發者第一天就能使用的文件。適用於 Claude、ChatGPT，或任何接受系統提示的 AI 聊天模型。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e完整端點參考\u003c\/strong\u003e - 每個端點皆記載 HTTP 方法、路徑、說明、參數表格、請求主體、成功回應及錯誤代碼，讓開發者無需閱讀原始碼即可取得所需資訊\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e驗證指南\u003c\/strong\u003e - 說明驗證方法、如何取得憑證、如何在請求中以標頭格式範例加入憑證，以及完整的已驗證請求範例，讓開發者在幾分鐘而非幾小時內排除阻礙\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e貼近實際的請求與回應範例\u003c\/strong\u003e - 每個端點都提供 curl 範例和包含真實感值的 JSON 主體，而非佔位字串，讓開發者可以立即複製、貼上並執行\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e錯誤代碼參考\u003c\/strong\u003e - 完整錯誤表涵蓋 API 回傳的每個狀態碼，並提供說明與解決指引，讓開發者無需提交支援工單即可處理錯誤\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e開發者快速入門指南\u003c\/strong\u003e - 從零開始，逐步完成第一次成功的 API 呼叫，不到 10 分鐘即可完成；這是任何剛開始進行整合的開發者最有價值的章節\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e格式彈性\u003c\/strong\u003e - 可輸出為適用於 GitHub 或文件網站的 Markdown、適用於 Swagger UI 或 Redoc 的 OpenAPI 3.0 YAML，或適用於 Confluence 和 Notion 的純結構化文字 - 使用您團隊採用的格式\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 dorian-ai-api-documentation-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e不到 2 分鐘即可安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 載入您的專案指示或系統提示 → 將啟用 prompt 貼到對話中 → Dorian 會一次提出一個問題，並產出可直接發布的完整專業 API 文件。適用於 Claude（推薦）、ChatGPT，或任何接受系統提示的 AI 聊天工具。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850880786696,"sku":"dorian-ai-api-documentation-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/dorian-ai-api-documentation-agent-book.jpg?v=1787218784"},{"product_id":"edmund-ai-full-stack-developer-agent","title":"Edmund - AI 全端開發人員代理","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Edmund 載入 Claude，取得一位資深全端開發者 Agent，將您的功能概要完整建置 - 資料庫結構、後端邏輯、API 端點與前端元件 - 逐層交付符合正式環境需求且說明清楚的程式碼，並為每項架構決策提供合理依據。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 大多數 AI 產生的程式碼會丟下一大段沒有註解的程式碼，然後繼續往下。Edmund 的做法不同。他會在撰寫第一行程式碼前，先針對您的技術堆疊與需求提出精準問題，依序建置每一層，在每層完成後確認進度，並說明每項決策，讓您了解並能維護所建置的內容。適用於 Claude、ChatGPT，或任何接受 system prompt 的 AI 聊天模型。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e資料庫層\u003c\/strong\u003e - 包含內嵌註解的結構設計、模型與遷移，以及對每項結構決策的說明，讓您在進入下一層之前，了解建置了什麼以及為什麼這樣建置\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e後端邏輯\u003c\/strong\u003e - 具備錯誤處理、輸入驗證，並在每個步驟標示安全性考量的服務函式與核心處理邏輯 - 而不是事後才補上\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003eAPI 端點\u003c\/strong\u003e - 具備請求\/回應契約、驗證、錯誤回應及正確 HTTP 狀態碼的 REST 端點，讓 API 從第一次提交開始就符合正式環境需求\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e前端元件\u003c\/strong\u003e - 內建 API 整合、狀態管理、載入狀態與錯誤處理的 UI 元件 - 無論您使用 React、Vue、Next.js 或 Nuxt，都會針對您的實際框架進行調整\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e依技術堆疊建置\u003c\/strong\u003e - Edmund 會依照您的技術堆疊，而不是他的偏好進行建置。Django + React、Node + Vue、FastAPI + Next.js - 無論您使用哪一套，輸出都能直接套用，不需要重寫\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e整合說明\u003c\/strong\u003e - 說明各層如何連接、所需的環境變數、要安裝的相依套件，以及需要處理的已知邊界情況，讓您能順利發布，不必在最後靠猜測收尾\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 edmund-ai-full-stack-developer-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2 分鐘內完成安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 載入您的 Project Instructions 或 system prompt → 將啟用 prompt 貼到對話中 → Edmund 會一次詢問一個問題，並逐層建立您的功能層，每一步都附上說明清楚、可用於正式環境的程式碼。適用於 Claude（推薦）、ChatGPT，或任何接受 system prompt 的 AI 聊天工具。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850931970312,"sku":"edmund-ai-full-stack-developer-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/edmund-ai-full-stack-developer-agent-book.jpg?v=1787218784"},{"product_id":"rupert-ai-devops-agent","title":"Rupert - AI DevOps 代理","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Rupert 載入 Claude，取得一位資深 DevOps Agent，帶領您完成基礎架構設定、CI\/CD 管線配置、容器化與雲端部署 - 提供完整、可用於正式環境的設定檔及確切實作步驟，讓您無需專任 DevOps 工程師也能讓應用程式上線。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 大多數部署問題都源自從教學文章複製設定檔後，從未妥善調整。Rupert 會解決這個問題。他會先針對您的技術堆疊、雲端供應商及目前設定提出精準問題，再撰寫任何設定內容 - 接著提供可提交至儲存庫並執行的部署檔案，且事先標示每項安全性考量。適用於 Claude、ChatGPT，或任何接受系統提示的 AI 聊天模型。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003eDocker 設定\u003c\/strong\u003e - 提供具備多階段建置、非 root 使用者、健康檢查與層最佳化的 Dockerfile，另附用於本機開發的 docker-compose，包含服務相依性、磁碟區掛載及環境檔案\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003eCI\/CD 管線\u003c\/strong\u003e - 提供完整的 GitHub Actions、GitLab CI 或 CircleCI 工作流程，包含工作相依性、秘密處理、部署觸發條件及環境推進，讓每次推送至 main 都能自動且安全地部署\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e雲端部署設定\u003c\/strong\u003e - AWS、GCP、DigitalOcean、Railway、Render 或 Fly.io - 根據您的供應商進行調整，提供技術堆疊所需的確切設定，而非需要大量修改的通用範本\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e基礎架構即程式碼\u003c\/strong\u003e - 需要時提供 Terraform 模組或 Ansible playbook，包含狀態管理、變數檔案，以及初始化、規劃和套用的確切指令\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e環境變數表\u003c\/strong\u003e - 列出每個必要變數、其用途及設定位置，因為缺少環境變數是部署無聲失敗最常見的原因\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e每項輸出都附有安全性注意事項\u003c\/strong\u003e - 秘密管理、IAM 最小權限、網路暴露與容器安全性都會主動標示，無需您特別要求，讓您不必等到上線後才發現安全漏洞\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 rupert-ai-devops-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2 分鐘內完成安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 載入您的專案指示或系統提示 → 將啟用 prompt 貼到對話中 → Rupert 會一次詢問一個問題，並提供完整、可部署的設定檔及逐步實作指示。適用於 Claude（推薦）、ChatGPT，或任何接受系統提示的 AI 聊天工具。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850985971976,"sku":"rupert-ai-devops-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rupert-ai-devops-agent-1.png?v=1789424717"},{"product_id":"coding-agent-bundle-all-5-ai-coding-agents","title":"程式設計 Agent 組合包 - 全部 5 個 AI 程式設計 Agents","description":"\u003cp\u003e\u003cstrong\u003e完整的 AI 程式設計團隊 - 5 個 KissMySkills 程式設計 agent 一次擁有。\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e每個 agent 都能將 Claude、ChatGPT 或任何 AI 聊天工具設定為專業專員，從頭到尾完成工作：\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eRupert\u003c\/strong\u003e - AI DevOps agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eEdmund\u003c\/strong\u003e - AI 全端開發人員 agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDorian\u003c\/strong\u003e - AI API 文件 agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eConrad\u003c\/strong\u003e - AI 除錯 agent\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eAlbert\u003c\/strong\u003e - AI 程式碼審查 agent\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e分開購買：$245。套組價格：$99.00 - 節省 $146（59%）。立即下載，可與 Claude、ChatGPT、Gemini 或任何 AI 聊天工具搭配使用。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58113384612104,"sku":"coding-agent-bundle-all-5-ai-coding-agents","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/coding-agent-bundle-cover-v2.jpg?v=1787044256"},{"product_id":"ai-excel-formula-generator","title":"AI Excel 公式產生器","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18;\"\u003e\n \u003cdiv style=\"background: #E8EDFB; border: 1px solid #C7D2F0; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px;\"\u003e\n \u003cp style=\"margin: 0; font-size: 12px; font-weight: 600; color: #2C4BA0; letter-spacing: 0.06em; text-transform: uppercase;\"\u003e技術與開發 Prompts\u003c\/p\u003e\n \u003cp style=\"margin: 6px 0 0; font-size: 13px; color: #555550; line-height: 1.5;\"\u003e描述你需要試算表完成的工作 - 取得確切公式、公式有效的原因，以及導致其失效的因素。\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 將此 prompt 貼到 Claude、ChatGPT 或任何 AI 聊天中，以簡明易懂的英文描述你希望資料如何運作，即可取得適用於你的 Excel 或 Google 試算表版本、可直接貼上的確切公式 - 以及簡明易懂的英文運作說明和該公式類型容易失效的具體方式。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 14px; color: #555550; line-height: 1.7; margin: 0 0 20px;\"\u003e\n 這不是一個「這裡有個 VLOOKUP，祝你好運」的答案。它會標示 365 動態陣列、舊版 CSE 陣列公式與 Google 試算表語法之間的版本相容性，提供具備誠實取捨說明的備用公式方法，並在你將輸出套用到即時試算表前提供測試清單。適用於 Claude、ChatGPT 或任何 AI 聊天模型。\n \u003c\/p\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e你將獲得的內容\u003c\/h3\u003e\n \u003cul style=\"font-size: 13px; color: #555550; line-height: 1.9; padding-left: 18px; margin: 0 0 24px;\"\u003e\n \u003cli\u003e一則可直接投入生產的 prompt（600 字以上）\u003c\/li\u003e\n \u003cli\u003e可直接貼上的確切公式，清楚標示每個儲存格／範圍參照\u003c\/li\u003e\n \u003cli\u003e以簡明易懂的英文逐步說明公式的運作方式\u003c\/li\u003e\n \u003cli\u003e在常見問題與錯誤發生前先行標記（#N\/A、#REF!、#SPILL!）\u003c\/li\u003e\n \u003cli\u003e另一種公式方法，以及即時試算表測試清單\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003ch3 style=\"font-size: 13px; font-weight: 600; color: #1A1A18; margin: 0 0 10px; text-transform: uppercase; letter-spacing: 0.04em;\"\u003e涵蓋的子類型\u003c\/h3\u003e\n \u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eVLOOKUP 與 XLOOKUP\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eINDEX\/MATCH\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e動態陣列\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e巢狀 IF 邏輯\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eGoogle 試算表語法\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003eExcel 365 與舊版\u003c\/span\u003e\n \u003cspan style=\"background: #E8EDFB; color: #2C4BA0; border-radius: 20px; padding: 4px 12px; font-size: 11px; font-weight: 500;\"\u003e財務公式\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-top: 1px solid #E8E6E0; padding-top: 16px;\"\u003e\n \u003cp style=\"font-size: 11px; color: #BBBBAA; margin: 0; font-family: 'DM Mono', monospace;\"\u003eai-excel-formula-generator-prompt.txt · 適用於 Claude、ChatGPT 及更多工具 · 立即使用\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default","offer_id":58282043506952,"sku":"ai-excel-formula-generator","price":9.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-excel-formula-generator-book.jpg?v=1787225830"},{"product_id":"soren-code-auditor-ai-skill","title":"Soren - 程式碼稽核 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Soren 放進 Claude，就能針對你貼上的任何內容進行真正的程式碼審查，像一位資深工程師一樣找出錯誤、安全漏洞、效能陷阱與可維護性債務，並依嚴重程度排序，同時以可運作的程式碼展示修正方式，而不只是文字描述。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n Soren 曾大規模審查數千個提取請求，也不只一次在凌晨 3 點因為某個「審查時看起來沒問題」的錯誤而被叫起來 - 他不會再只因為程式碼能編譯就放行。他會先完整閱讀整份提交內容，再依優先順序從四個面向搜尋問題，也絕不會只給出「考慮重構這段」這種含糊回饋，卻不說明確切原因以及應該改成輸入什麼。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E1F5EE; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你會得到什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e頂端提供一行結論 - 五秒內判斷可否發布\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e依正確性、安全性、效能與可維護性，將發現按 Critical → High → Medium 排序\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e每項發現都會對應到具體的失敗情境 - 觸發問題的確切輸入、負載或操作順序\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e每個修正都提供修正後的程式碼片段，而不只是描述該如何變更\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(15,110,86,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e安全性問題一律明確標示為 Critical - 絕不埋沒成風格小問題，也不會把吹毛求疵的小問題誇大\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #0F6E56; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e支援你貼上的任何常見語言或框架\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 soren-code-auditor.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #0F6E56; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #0F6E56; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到 Project Instructions 或系統 prompt → 貼上你的程式碼、語言\/框架，以及它應該完成的功能 → Soren 會回傳按嚴重程度排序的報告，你可以直接貼到 PR 討論串中。僅進行靜態閱讀 - 不會執行或測試程式碼，也不能取代自動化 SAST\/DAST 掃描。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default","offer_id":58282044948744,"sku":"soren-code-auditor","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/soren-code-auditor-ai-skill-book.jpg?v=1787135377"},{"product_id":"santiago-devops-engineer","title":"Santiago - 平台可靠性工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Santiago 加入 Claude，即可獲得一位資深 DevOps 工程師，為您建立 CI\/CD 管線、以程式碼配置基礎設施，並透過安全的金絲雀部署發布版本。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eSantiago 會建立交付管線與基礎設施：CI\/CD（GitHub Actions、GitLab CI、Jenkins）、使用 Terraform 實作基礎設施即程式碼、Docker 多階段建置、Kubernetes 基礎、成品登錄庫、密鑰，以及部署策略（藍綠部署、金絲雀部署、滾動部署）。始終在分支上開發，於 CI 中針對測試環境執行並進行審查，核准後再推送至正式環境。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eCI\/CD 管線（GitHub Actions、GitLab CI、Jenkins）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e使用 Terraform 實作基礎設施即程式碼\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDocker 多階段建置與 Kubernetes 基礎\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e部署策略：藍綠部署、金絲雀部署、滾動部署；密鑰\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 santiago-devops-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到專案指示或系統提示中 → 描述您的需求 → Santiago 建立答案。包含完整實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300679651592,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/santiago-devops-engineer-book.jpg?v=1787135377"},{"product_id":"wei-site-reliability-engineer","title":"Wei - 網站可靠性工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Wei 加入 Claude，即可獲得一位以正確方式定義 SLO 與錯誤預算、建置可觀測性，以及執行事件處理與事後檢討的資深 SRE。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eWei 讓系統可靠：SLI、SLO 與錯誤預算、可觀測性（指標、日誌、追蹤記錄；Prometheus\/Grafana；RED 與 USE）、避免告警疲勞的症狀式告警、事件回應與無責備事後檢討、隨叫隨到、減少繁瑣工作、容量規劃，以及可靠性模式（逾時、含退避機制的重試、斷路器）。務必在預備環境中測試可靠性變更，根據錯誤預算進行驗證，並逐步推出。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eSLI、SLO 與錯誤預算\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e可觀測性：指標、日誌、追蹤記錄（Prometheus\/Grafana、RED\/USE）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e以症狀為基礎的告警，避免告警疲勞；事件回應\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e事後檢討、減少繁瑣工作與復原能力模式\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 wei-site-reliability-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或系統 prompt 中 → 描述您的需求 → Wei 建立答案。包含完整的實作範例，讓您清楚了解會獲得什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300682633480,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/wei-site-reliability-engineer-1.png?v=1789424717"},{"product_id":"tunde-backend-engineer","title":"Tunde - 後端工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Tunde 放入 Claude，即可獲得一位資深後端工程師，能設計乾淨的 API、正確建模資料，並建立可擴充的服務。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eTunde 可建立後端服務：API 設計（REST 與 GraphQL、版本控制、分頁、冪等性）、資料建模與 SQL（索引、交易、避免 N+1）、快取（Redis、失效處理）、佇列與非同步處理、驗證（OAuth2\/OIDC、JWT、工作階段）、並行處理、錯誤處理、測試與效能。始終在分支上進行開發，加入測試與審查，並在正式環境部署前，於 CI 中針對預備資料庫執行測試。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPI 設計：REST\/GraphQL、版本控制、分頁、冪等性\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e資料建模與 SQL：索引、交易、避免 N+1\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e快取（Redis）、佇列與非同步處理\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e驗證（OAuth2\/OIDC、JWT）、並行處理與測試\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 tunde-backend-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT \u0026amp; 任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或系統提示中 → 描述您的需求 → 由 Tunde 建立答案。內含完整實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300688793864,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/tunde-backend-engineer-book.jpg?v=1787135377"},{"product_id":"yuna-frontend-engineer","title":"Yuna - 前端工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Yuna 加入 Claude，即可獲得一位資深前端工程師，使用簡潔的 TypeScript 和實際測試，快速建立具備無障礙功能的 React 元件。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eYuna 建立前端：React（hooks、狀態、組合）、TypeScript、效能（套件大小、程式碼分割、記憶化、Core Web Vitals）、無障礙（語意化 HTML、ARIA、鍵盤操作、WCAG）、響應式 CSS、狀態管理、表單和測試（React Testing Library）。始終在分支上開發，進行測試（單元測試和無障礙測試）、審查，並在合併前於預覽版本中驗證。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eReact（hooks、狀態、組合）和 TypeScript\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e效能：套件大小、程式碼分割、Core Web Vitals\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e無障礙：語意化 HTML、ARIA、鍵盤操作、WCAG\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e響應式 CSS、狀態管理和 React Testing Library\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 yuna-frontend-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或 system prompt → 描述您的需求 → Yuna 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300704424200,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/yuna-frontend-engineer-book.jpg?v=1787135377"},{"product_id":"nikolai-fullstack-engineer","title":"Nikolai - 全端工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Nikolai 放入 Claude，就能獲得一位資深全端工程師，從頭到尾交付完整功能，並在前端與後端之間建立清晰的合約。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eNikolai 建立端到端功能：前端（React\/TypeScript）、後端（Node\/TypeScript 或 Python API）、共用 API 合約、關聯式資料庫與資料模型、全技術堆疊的驗證與工作階段、雙方驗證、跨層測試，以及部署。始終在分支上開發、測試每一層、進行審查，並在正式環境部署前於 CI\/預備環境中驗證。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e你將獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e前端（React\/TypeScript）與後端（Node\/Python API）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e兩者之間清晰、共用的 API 合約\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e關聯式資料庫與資料模型；全技術堆疊的驗證\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e雙方驗證，以及跨層測試\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 nikolai-fullstack-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到你的專案指示或系統 prompt 中 → 描述你的需求 → Nikolai 建立答案。包含完整的實作範例，讓你確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300705538312,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/nikolai-fullstack-engineer-book.jpg?v=1787135378"},{"product_id":"zainab-cloud-engineer","title":"Zainab - 雲端工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Zainab 放入 Claude，即可獲得一位資深雲端工程師，為您設計遵循 Well-Architected 的 AWS 架構，具備最小權限 IAM、實際網路架構與基礎架構即程式碼。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eZainab 可設計雲端架構（以 AWS 為主，並熟悉 Azure\/GCP）：IAM（最小權限）、網路（VPC、子網路、安全群組、NAT）、運算（EC2、ECS\/Fargate、Lambda）、儲存（S3）、資料庫（RDS）、Well-Architected Framework、基礎架構即程式碼（Terraform）、跨 AZ 高可用性、成本最佳化與安全性。務必先在非正式環境帳戶中透過 IaC 部署，審查計畫後，再透過變更控管正式推行。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eIAM 最小權限；VPC、子網路、安全群組、NAT\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e運算（EC2、ECS\/Fargate、Lambda）與儲存（S3）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eRDS、跨 AZ 高可用性與成本最佳化\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eWell-Architected Framework 與 Terraform IaC\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 zainab-cloud-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的 Project Instructions 或 system prompt → 描述您的需求 → Zainab 建立答案。包含完整的實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300706226440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zainab-cloud-engineer-book.jpg?v=1787135378"},{"product_id":"lukas-platform-engineer","title":"Lukas - 平台工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Lukas 放入 Claude，即可獲得一位資深平台工程師，使用 Kubernetes、Helm 與 GitOps 建構黃金路徑，讓開發者能自行發布。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eLukas 建構內部開發者平台：Kubernetes（部署、服務、Ingress、設定與機密、資源請求與限制、探針、HPA）、Helm 圖表、GitOps (ArgoCD\/Flux)、黃金路徑與自助服務、開發者體驗、Backstage 知悉度、多租戶，以及平台可靠性與安全性。務必先透過 GitOps 搭配審查套用至非生產叢集，再依循平台的變更流程推進。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得什麼\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eKubernetes：部署、服務、Ingress、探針、HPA、限制\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eHelm 圖表與 GitOps (ArgoCD\/Flux)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e黃金路徑、自助服務與開發者體驗\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e多租戶、平台可靠性與安全性\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 lukas-platform-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間少於 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或 system prompt 中 → 描述您的需求 → Lukas 建構答案。內含完整操作範例，讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300708192520,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/lukas-platform-engineer-1.png?v=1789424718"},{"product_id":"elif-qa-automation-engineer","title":"Elif - QA 自動化工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Elif 放入 Claude，即可獲得一位資深 QA 自動化工程師，使用 Playwright 建立扎實的測試金字塔、穩定的測試與 CI 整合。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eElif 會建立測試自動化方案：測試金字塔與策略、使用 Playwright 進行 UI 自動化（頁面物件模型），並具備 Selenium 知識、API 測試、測試資料管理、避免不穩定的穩健等待機制、CI 整合與平行化、報告及涵蓋率。務必在 CI 中針對預備環境執行測試，維持測試結果的確定性，並以通過所有檢查作為合併的必要條件。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e測試金字塔與策略；何時該自動化\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e使用 Playwright 進行 UI 自動化（頁面物件模型）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPI 測試與測試資料管理\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e穩健的等待機制（不會不穩定）、CI 整合與涵蓋率\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 elif-qa-automation-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e不到 2 分鐘即可安裝\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或系統 prompt 中 → 描述您的需求 → Elif 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300708552968,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/elif-qa-automation-engineer-book.jpg?v=1787135378"},{"product_id":"kenji-mobile-engineer","title":"Kenji - 行動應用程式開發人員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Kenji 加入 Claude，取得一位使用 MVVM、非同步網路連線與實際測試，打造簡潔 iOS 和 Android 畫面的資深行動工程師。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eKenji 建立原生行動應用程式（iOS Swift\/SwiftUI 與 Android Kotlin\/Compose）：應用程式架構（MVVM、單向資料流）、UI、狀態管理、網路連線（async\/await、URLSession\/Retrofit）、本機持久化與離線功能、導覽、應用程式生命週期、測試、效能與記憶體，以及商店部署。React Native 與 Flutter 可作為跨平台替代方案。務必在模擬器、裝置及 CI 中進行測試，並在正式發布前透過 Beta 測試軌道發布。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eiOS（Swift\/SwiftUI）與 Android（Kotlin\/Jetpack Compose）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e架構：MVVM 與單向資料流\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e網路連線（async\/await）、本機持久化與離線功能\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e測試、效能\/記憶體與商店部署\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 kenji-mobile-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到專案指示或 system prompt 中 → 描述您的需求 → Kenji 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300708585736,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/kenji-mobile-engineer-book.jpg?v=1787135378"},{"product_id":"ivan-devsecops-engineer","title":"Ivan - DevSecOps 工程師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Ivan 放入 Claude，即可獲得一位資深 DevSecOps 工程師，將安全性左移、把 SAST、DAST 和 SCA 閘門接入 CI，並為功能進行威脅建模。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eIvan 將安全性融入 SDLC：將安全性左移、執行 SAST\/DAST\/SCA 與相依性掃描、秘密掃描與秘密管理（Vault）、容器與映像掃描、IaC 安全性掃描、供應鏈安全性（SBOM、簽署）、CI\/CD 中的安全閘門、威脅建模（STRIDE）、最小權限，以及 OWASP Top 10 意識。此技能僅用於防禦。務必在非正式環境的管線中測試安全控制措施，進行調整以避免誤判阻擋，並逐步推出閘門。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e左移：SAST、DAST、SCA 與相依性掃描\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e秘密掃描、秘密管理（Vault）、容器掃描\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eIaC 安全性、供應鏈（SBOM、簽署）、CI 安全閘門\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e威脅建模（STRIDE）、最小權限、OWASP Top 10\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 ivan-devsecops-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間少於 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 和任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的專案指示或 system prompt 中 → 描述您的需求 → Ivan 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300710322440,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ivan-devsecops-engineer-book.jpg?v=1787135379"},{"product_id":"alina-database-engineer","title":"Alina - 資料庫管理員 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Alina 加入 Claude，即可獲得一位資深資料庫工程師，能設計健全的結構描述、使用 EXPLAIN 調校緩慢查詢，並執行零停機遷移。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eAlina 可建立並調校關聯式資料庫（以 PostgreSQL 為主，兼顧 MySQL）：結構描述設計與正規化、索引（b-tree、部分索引、複合索引、涵蓋索引）以及何時不該建立索引、使用 EXPLAIN ANALYZE 進行查詢調校、交易與隔離、鎖定與並行處理、連線集區、複寫與唯讀複本、分割、安全的零停機遷移，以及備份與還原。正式環境前，務必在複本或預備資料庫上測試變更、檢視查詢計畫、進行備份，並採用零停機模式。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e結構描述設計、正規化與限制條件\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e索引（b-tree、部分索引、複合索引、涵蓋索引）以及何時不該建立索引\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e使用 EXPLAIN ANALYZE 進行查詢調校；交易與隔離\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e複寫、分割與零停機遷移\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 alina-database-engineer.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e安裝時間不到 2 分鐘\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 與任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的 Project Instructions 或 system prompt → 描述您的需求 → 由 Alina 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300721299720,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/alina-database-engineer-book.jpg?v=1787135600"},{"product_id":"julian-software-architect","title":"Julian - 解決方案架構師 AI Skill","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; line-height: 1.5; margin: 0 0 8px 0;\"\u003e將 Julian 加入 Claude，即可獲得一位了解實際取捨、會撰寫決策紀錄，並知道何時不應增加複雜度的軟體架構師。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eJulian 以決策與取捨為核心設計軟體架構：系統設計、單體與微服務及模組化單體的比較、事件驅動架構與訊息傳遞、CQRS 與事件溯源（以及何時不應使用）、API 與合約設計、資料一致性（CAP、saga、最終一致性）、可擴展性與快取、韌性模式，以及以設計為本的安全性與可觀測性。他會撰寫架構決策紀錄。始終在非正式環境中透過概念驗證與負載測試驗證架構，將其記錄在 ADR 中，並在做出承諾前進行審查。\u003c\/p\u003e\n \u003cdiv style=\"background: #EEF6E3; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5FA828; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e系統設計；單體與微服務及模組化單體的比較\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e事件驅動、CQRS 與訊息傳遞（以及何時不應使用）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(95,168,40,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e資料一致性（CAP、saga、最終一致性）、可擴展性、快取\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0;  display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5FA828; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e以設計為本的韌性、安全性與可觀測性；架構決策紀錄（ADR）\u003c\/span\u003e\n\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display:flex; align-items:center; gap:20px; background:#FFFFFF; border:1px solid #E8E6E0; border-radius:8px; padding:14px 20px; margin-bottom:24px;\"\u003e\n \u003cspan style=\"font-size:11px; color:#888780; font-family:monospace;\"\u003e📄 julian-software-architect.skill\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e不到 2 分鐘即可安裝\u003c\/span\u003e\n \u003cspan style=\"font-size:11px; color:#888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left:3px solid #5FA828; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5FA828; letter-spacing:0.08em; text-transform:uppercase; margin:0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size:12px; color:#555550; line-height:1.7; margin:0;\"\u003e下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 貼到您的 Project Instructions 或 system prompt → 描述您的需求 → Julian 建構答案。包含完整的實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300722741512,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/julian-software-architect-book.jpg?v=1787135601"},{"product_id":"pascal-react-nextjs-frontend-engineer","title":"Pascal - React 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003ePascal 的作用\u003c\/h2\u003e\n\u003cp\u003ePascal 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 React\/Next.js 前端工程師，根據實際訊號而非猜測，診斷元件架構、狀態管理、渲染策略和 Core Web Vitals 問題，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e正在建置或修復正式環境 React 或 Next.js 應用程式的前端工程師、技術主管和創辦人，需要一次正確做好元件架構、狀態管理和 Core Web Vitals 決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e元件架構：展示型元件與容器元件的拆分、優先採用組合而非設定，以及元件邊界應如何遵循資料邊界\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e狀態管理策略：根據實際共享範圍與變更頻率，選擇本機狀態、Context 或外部儲存庫（Zustand、Redux Toolkit、Jotai、TanStack Query）\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e效能最佳化：套件分析、程式碼分割、圖片與字型載入，以及僅在效能分析顯示確有必要時才套用記憶化\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eNext.js App Router 與 Server Components：Server\/Client Component 邊界、Server Actions 與 API 路由的選擇，以及 Pages Router 仍適用的情境\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e各路由的渲染策略：根據每個路由實際的資料新鮮度需求，選擇 SSG、ISR、SSR 或串流\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e測試策略：將單元測試、元件測試和端對端測試涵蓋範圍，聚焦於正式環境中實際會發生故障的部分\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼到 Claude Project Instructions（或任何 AI 聊天工具的系統 prompt）中。接著以自然語言描述你的問題，就能獲得具體且可立即執行的計畫 - 無需每次工作階段重新說明背景。支援 Claude、ChatGPT 和任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330188906760,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/pascal-react-nextjs-frontend-engineer-book.jpg?v=1787135600"},{"product_id":"indira-ios-engineer-swift-swiftui","title":"Indira - iOS 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eIndira 的功能\u003c\/h2\u003e\n\u003cp\u003eIndira 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 iOS 工程師，根據實際證據診斷應用程式架構、Swift Concurrency 問題、持久化方案取捨及 App Store 審核被拒原因，然後提供具體、可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e正在開發或維護正式環境 Swift\/SwiftUI 應用程式的 iOS 工程師及創辦人，需要正確處理架構、並行處理、持久化或 App Store 提交決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e正式環境應用程式架構：以 MVVM 為預設方案，並判斷 The Composable Architecture 何時值得其複雜度\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSwiftUI 與 UIKit 互通：哪些畫面應移至 SwiftUI、哪些應保留在 UIKit，以及兩者銜接處所需的包裝程式碼\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSwift Concurrency：async\/await、actor 隔離、@MainActor，以及診斷資料競爭，而不是直接使用 @unchecked Sendable\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eCore Data 與 SwiftData 持久化：遷移歷程、擷取策略，以及何時值得或不值得重寫\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eApp Store 審核與提交：將被拒原因對應至確切指南，並提供能讓應用程式獲得核准的確切修正方式\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e使用 Instruments 進行效能分析：將啟動時間、記憶體增長及保留循環與特定追蹤結果建立關聯\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼入 Claude Project Instructions（或任何 AI 聊天工具的系統 prompt）。接著用日常語言描述你的問題，即可獲得具體、可立即執行的計畫 - 不必每次工作階段重新說明背景。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330188939528,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/indira-ios-engineer-swift-swiftui-book.jpg?v=1787135600"},{"product_id":"milena-android-engineer-kotlin","title":"Milena - Android 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eMilena 的工作內容\u003c\/h2\u003e\n\u003cp\u003eMilena 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Android 工程師，根據實際訊號診斷 Compose 遷移問題、MVVM\/MVI 架構、協程與生命週期錯誤，以及 ANR 或記憶體洩漏，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e正在開發或維護正式環境 Kotlin 應用程式，需要正確處理 Compose、架構、協程或效能決策的 Android 工程師與創辦人。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eJetpack Compose 與 View 系統：何時 Compose 是適當的預設選擇，以及何時 ComposeView 互通是務實的中間方案\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e架構：對於直接明瞭的畫面使用 MVVM；對於狀態真正複雜且容易被破壞的畫面，使用 MVI 的單向資料流管線\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eKotlin Coroutines 與 Flow：範圍選擇、Dispatcher 選擇，以及使用 repeatOnLifecycle 進行具生命週期感知的收集\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAndroid 生命週期管理：ViewModel 範圍、SavedStateHandle，以及因錯誤處理而產生的監聽器／Context 洩漏\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eRoom 持久化：實體／DAO 設計、遷移，以及回傳反應式 Flow 的查詢\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e效能診斷：ANR 堆疊追蹤、LeakCanary 堆積傾印，以及與特定訊號相關的啟動時間修正\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼到 Claude 專案指示（或任何 AI 聊天工具的系統 prompt）中。接著以自然語言描述你的問題，即可取得具體且可立即執行的計畫 - 不必每次工作階段重新解釋背景。支援 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330189005064,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/milena-android-engineer-kotlin-book.jpg?v=1787135602"},{"product_id":"zane-flutter-cross-platform-engineer","title":"Zane - Flutter 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eZane 的功能\u003c\/h2\u003e\n\u003cp\u003eZane 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Flutter 工程師，從 DevTools 時間軸診斷 widget 重建問題、狀態管理是否適合、平台通道需求及卡頓問題，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e需要正確做出 widget 架構、狀態管理及發布流程決策，並將正式版應用程式發布到 App Store 和 Google Play 的 Flutter 工程師與創辦人。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eWidget 架構：重建邊界、const 建構函式及 RepaintBoundary 放置位置，以控制實際重新渲染的部分\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e狀態管理策略：根據團隊規模與應用程式複雜度選擇 Provider\/ChangeNotifier、Riverpod 或 Bloc，而不是盲目追隨趨勢\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e平台通道：設計 MethodChannel 和 EventChannel，並在撰寫自訂原生程式碼前檢查 pub.dev\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e效能與卡頓診斷：讀取 DevTools 的 Performance 分頁，區分 UI 執行緒工作與 raster 執行緒工作\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e應用程式大小最佳化：採用 split-per-ABI 建置、延遲元件及資源檢查，並以最佳化前後的大小數值作為依據\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e多平台發布的 CI\/CD：使用 Codemagic 和 Fastlane 建立流程，讓每次合併都產生已簽署且可提交至商店的建置版本\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載 skill 檔案，並將完整內容貼到 Claude Project Instructions（或任何 AI 聊天工具的 system prompt）中。接著以自然語言描述你的問題，即可取得具體且可立即執行的計畫 - 不必每次工作階段重新說明背景。支援 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330189037832,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zane-flutter-cross-platform-engineer-book.jpg?v=1787135602"},{"product_id":"henrik-java-spring-boot-engineer","title":"Henrik - Java 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eHenrik 的工作內容\u003c\/h2\u003e\n\u003cp\u003eHenrik 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Java\/Spring Boot 後端工程師，根據實際證據診斷 N+1 查詢、交易邊界錯誤、REST API 設計與 Spring Security 設定問題，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e正在執行正式環境 Spring Boot 服務的後端工程師與創辦人，需要正確處理架構、JPA\/Hibernate 效能、交易或安全性決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e應用程式架構：根據實際領域複雜度，而非流行趨勢，在分層式架構與六角形架構之間做出選擇\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eJPA\/Hibernate 效能：偵測 N+1 查詢、JOIN FETCH、@EntityGraph 與批次抓取，並以實際查詢次數為依據\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e交易管理：根據實際工作單位，決定 @Transactional 的配置位置與傳播行為（REQUIRED、REQUIRES_NEW、NESTED）\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eREST API 設計：資源命名、狀態碼、版本控制與分頁方式，符合 API 的實際使用方式\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSpring Security：根據實際威脅模型，配置篩選器鏈、JWT 與工作階段驗證的選擇，以及方法層級授權\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e測試策略：在實際資料庫確實重要的地方，使用 JUnit\/Mockito 單元測試、Spring 切片測試與 Testcontainers 整合測試\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼入 Claude 專案指示（或任何 AI 聊天工具的系統 prompt）中。接著以日常語言描述你的問題，即可取得具體且可立即執行的計畫 - 不必每次工作階段重新解釋背景。適用於 Claude、ChatGPT 與任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190119176,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/henrik-java-spring-boot-engineer-book.jpg?v=1787135602"},{"product_id":"vesna-dotnet-csharp-engineer","title":"Vesna - .NET 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eVesna 的功能\u003c\/h2\u003e\n\u003cp\u003eVesna 能將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉化為資深 .NET\/C# 後端工程師，根據實際證據診斷 EF Core 查詢問題、DI 生命週期錯誤、非同步死結，以及 Azure 整合選擇，然後提供具體且可立即執行的方案。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e正在運行正式環境 ASP.NET Core 服務，並需要正確做出 API 架構、EF Core 效能、DI 或非同步處理決策的後端工程師與創辦人。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAPI 架構：針對小型、專注的服務使用 minimal APIs；針對需要篩選器與版本控制的大型 API 範圍使用控制器\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eEntity Framework Core 效能：AsNoTracking、N+1 偵測、分割查詢，以及讀取實際產生的 SQL，而不是憑猜測判斷\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e相依性注入與中介軟體：singleton\/scoped\/transient 生命週期、相依性被持有的錯誤，以及正確的中介軟體排序\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAsync\/await 正確性：消除 .Result\/.Wait() 死結、避免 async void，以及正確傳遞取消權杖\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eAzure 整合：根據服務的實際需求，搭配受控識別、Key Vault、Service Bus 與 Application Insights\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e測試策略：使用 xUnit 和 Moq 進行單元測試，並使用 WebApplicationFactory 針對實際管線進行整合測試\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼入 Claude 專案指示（或任何 AI 聊天工具的 system prompt）中。接著以自然語言描述你的問題，即可取得具體且可立即執行的方案 - 不必每次工作階段重新解釋背景資訊。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190184712,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/vesna-dotnet-csharp-engineer-book.jpg?v=1787135602"},{"product_id":"callan-go-backend-engineer","title":"Callan - Golang 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eCallan 的功能\u003c\/h2\u003e\n\u003cp\u003eCallan 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Go 後端工程師，根據真實證據診斷 goroutine 洩漏、channel 死結、錯誤處理結構，以及 gRPC\/REST 之間的取捨，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e負責執行正式環境 Go 服務的後端工程師與創辦人，需要正確處理並行、錯誤處理，或 gRPC\/REST API 設計決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eGoroutine 與 channel：生命週期所有權、「由傳送者關閉」規則、工作池，以及經典的洩漏模式\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003esync 套件：根據實際的並行問題，選用 Mutex\/RWMutex、WaitGroup、sync.Once 與 sync\/atomic\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e錯誤處理慣用法：使用 %w 包裝錯誤、sentinel 錯誤、自訂錯誤類型，以及使用 errors.Is\/errors.As 而非字串比較\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e專案結構與套件設計：cmd\/internal\/pkg 佈局、避免 import cycle，以及以建構函式為基礎的依賴注入\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e使用 pprof 進行效能剖析：CPU 與堆積剖析、goroutine 傾印，以及用基準測試結果（ns\/op、allocs\/op）驗證所宣稱的修正\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003egRPC 與 REST API 設計：protobuf 版本控制、單一請求與串流 RPC，以及針對每個服務邊界選擇合適的通訊協定\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼到 Claude 專案指示（或任何 AI 聊天工具的 system prompt）中。接著以自然語言描述你的問題，即可獲得具體且可立即執行的計畫 - 不必每次工作階段重新解釋背景。適用於 Claude、ChatGPT 與任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190217480,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/callan-go-backend-engineer-book.jpg?v=1787135602"},{"product_id":"merle-ruby-on-rails-engineer","title":"Merle - Ruby on Rails 開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eMerle 的功能\u003c\/h2\u003e\n\u003cp\u003eMerle 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Ruby on Rails 工程師，根據實際的查詢記錄和工作資料診斷 N+1 查詢、Sidekiq 重試風暴和 Rails 升級風險，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e執行正式環境 Rails 應用程式，並需要正確處理 ActiveRecord 效能、Sidekiq 可靠性或升級策略決策的 Rails 工程師和創辦人。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eRails MVC 與慣例優於設定：標準慣例何時有幫助，以及何時確實需要 service\/form\/query 物件\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eActiveRecord 效能：使用 Bullet 偵測 N+1、includes 與 preload 及 eager_load 的比較，以及資料庫索引策略\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eSidekiq 背景工作：佇列設計、重試／退避行為，以及設計具備冪等性的工作，避免重試造成重複處理\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eRails 升級策略：一次升級一個次要版本、先解決棄用警告，並在每個步驟制定回滾計畫\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e僅限 API 的 Rails 應用程式：序列化方式、版本控制策略，以及為支援獨立前端的 Rails API 設定驗證\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e測試策略：RSpec 模型與請求規格、精簡的 FactoryBot 工廠，以及少量穩定的 Capybara 系統測試\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼到 Claude 專案指示（或任何 AI 聊天工具的系統 prompt）中。接著用自然語言描述你的問題，就能取得具體且可立即執行的計畫 - 不必每次工作階段重新解釋背景資訊。適用於 Claude、ChatGPT 和任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330190250248,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/merle-ruby-on-rails-engineer-book.jpg?v=1787135602"},{"product_id":"ludovic-kubernetes-container-platform-engineer","title":"Ludovic - Kubernetes 工程師 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eLudovic 的功能\u003c\/h2\u003e\n\u003cp\u003eLudovic 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Kubernetes\/容器平台工程師，根據真實叢集訊號診斷 CrashLoopBackOff、OOMKilled 和自動擴展問題，然後提供具體且可立即套用的方案。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e負責執行正式環境 Kubernetes 叢集的平台工程師和創辦人，需要正確作出資源配置、自動擴展、Helm、GitOps 或事件診斷決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eKubernetes 核心架構：Pod、Deployment 與 StatefulSet、DaemonSet 的差異、Service，以及 Ingress 路由\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e資源請求、限制與自動擴展：根據觀察到的使用量進行配置，並針對真正反映負載的指標選擇 HPA 或 VPA\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eHelm chart 設計：範本結構與 values 檔案階層，只保留環境之間實際會變動的內容\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eGitOps 部署模式：根據團隊實際推進變更的方式，配對 ArgoCD\/Flux 同步原則與儲存庫結構\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e叢集網路：預設拒絕的網路原則、Ingress\/TLS 終止，以及服務網格何時真正值得其營運成本\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e可觀測性與事件診斷：Prometheus\/Grafana 警示，以及根據 kubectl describe 和結束代碼區分 CrashLoopBackOff 與 OOMKilled\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼入 Claude Project Instructions（或任何 AI 聊天工具的系統提示）。接著以日常語言描述你的問題，即可獲得具體且可立即執行的方案 - 不必每次工作階段重新說明背景。適用於 Claude、ChatGPT 和任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191757576,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ludovic-kubernetes-container-platform-book.jpg?v=1787135602"},{"product_id":"ezra-aws-solutions-architect","title":"Ezra - AWS 解決方案架構師 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eEzra 的功能\u003c\/h2\u003e\n\u003cp\u003eEzra 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 AWS 解決方案架構師，根據 Well-Architected Framework 審查工作負載，利用實際使用資料診斷成本、安全性與可靠性問題，然後提供具體、可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e執行 AWS 工作負載的創辦人與工程主管，需要正確做出運算\/資料庫服務選擇、成本最佳化、VPC 設計或 IAM 決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e涵蓋全部六大支柱的 Well-Architected Framework 審查，依實際風險與成本影響排序\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e運算服務選擇：根據工作負載的實際流量模式與閒置成本特性，在 EC2、ECS\/Fargate 與 Lambda 之間做出適合的選擇\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e資料庫服務選擇：根據存取模式是關聯式，還是已知且穩定的鍵值結構，在 RDS 與 DynamoDB 之間做出適合的選擇\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eS3 儲存類別策略與生命週期政策，自動將資料下移至較低層級，而不是讓所有資料都留在 Standard\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eVPC 網路與安全群組設計：採用最低權限範圍，而不是 0.0.0.0\/0，並依層級劃分子網路\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e成本最佳化：比較預留執行個體、Savings Plans 與 Spot，並根據實際使用率資料審查 IAM 最低權限政策\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，將完整內容貼到 Claude 專案指示中（或任何 AI 聊天工具的系統 prompt）。接著用自然語言描述問題，即可取得具體、可立即執行的計畫 - 不必每次工作階段重新解釋背景。適用於 Claude、ChatGPT 與任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191790344,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ezra-aws-solutions-architect-book.jpg?v=1787135603"},{"product_id":"ariadne-unity-game-developer","title":"Ariadne - Unity 遊戲開發人員 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eAriadne 的功能\u003c\/h2\u003e\n\u003cp\u003eAriadne 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉變為資深 Unity 遊戲開發者，根據 Unity Profiler 和 Build Report 資料診斷畫面卡頓、垃圾回收尖峰及建置大小膨脹問題，然後提供具體且可立即執行的計畫。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e在行動裝置、PC 或主機上發布正式版 Unity 遊戲的遊戲開發者與工作室，需要正確做出架構、效能或建置大小決策。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e架構：使用 ScriptableObjects 實現資料驅動設計，並在新增敵人或物品類型時採用組合而非深層繼承\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003eUnity Profiler 診斷：讀取 CPU\/GPU 畫面時間軸，將尖峰問題定位至 Scripts、Rendering、Physics 或 GC\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e垃圾回收尖峰：將每幀配置（Update 中的 LINQ、boxing、字串串接）追溯至來源程式碼行\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e繪製呼叫批次處理與渲染：運用靜態\/動態批次處理、GPU instancing 及紋理圖集來減少材質切換\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e物理與碰撞最佳化：選擇成本最低的碰撞體形狀、設定圖層碰撞矩陣，並避免每幀進行射線投射\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e遊戲玩法系統與平台調校：為 AI\/角色控制器使用狀態機，並調整行動裝置與 PC\/主機的建置大小及品質設定\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼到 Claude Project Instructions（或任何 AI 聊天工具的 system prompt）中。接著用自然語言描述問題，即可取得具體且可立即執行的計畫 - 不必每次工作階段重新說明背景資訊。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191855880,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ariadne-unity-game-developer-book.jpg?v=1787135629"},{"product_id":"warrick-staff-principal-engineer","title":"Warrick - 首席工程師 AI Skill","description":"\u003cdiv\u003e\n\u003ch2\u003eWarrick 的功能\u003c\/h2\u003e\n\u003cp\u003eWarrick 會將 Claude（或 ChatGPT，或任何 AI 聊天工具）轉化為一位資深／首席軟體工程師，先跨越每一個層級全面梳理系統，再進行評估；同時將決策記錄為 ADR，並按照專長將深入的技術問題指派給正確的專家，而不是給出流於表面的回答。\u003c\/p\u003e\n\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e需要進行全系統架構審查、撰寫 ADR、做出自建與採購決策，或在整個程式碼庫或組織中排定技術債務優先順序的 CTO、工程主管和資深工程師；不侷限於任何單一語言或平台。\u003c\/p\u003e\n\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e系統層級架構審查：服務邊界、資料所有權、前端／後端／基礎設施之間的耦合，以及只有在整合檢視各元件時才會顯現的擴展瓶頸\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e架構決策紀錄（ADR）：背景、真實的選項清單、決策與後果，採用一年後仍然實用的格式\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e跨團隊技術策略：讓路線圖遵循共同方向，並安排跨領域計畫的執行順序，避免任何單一團隊承擔不成比例的成本\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e自建與採購的取捨分析：評估 2-3 年的總持有成本，而不只是表面價格\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e技術債務優先順序：根據延遲成本與影響範圍評分，而不是按抱怨聲量大小排序\u003c\/li\u003e\n    \u003cli style=\"margin:0 0 8px 0;\"\u003e指導與職級提升建議：根據職級標準校準已展現的行為，並提出具體的下一職級成長方向\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e下載技能檔案，並將完整內容貼入 Claude 專案指示（或任何 AI 聊天工具的系統 prompt）中。接著以日常語言描述你的問題，即可取得具體且可立即執行的計畫 - 無需每次工作階段重新解釋背景。支援 Claude、ChatGPT 和任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330191888648,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/warrick-staff-principal-engineer-book.jpg?v=1787135630"},{"product_id":"cyprian-react-native-cross-platform-engineer-ai-skill","title":"Cyprian - React Native 開發人員 AI Skill","description":"\u003ch2\u003e在你修改任何程式碼前，先找出 React Native 錯誤究竟出在 JavaScript、橋接層還是原生程式碼。\u003c\/h2\u003e\n\u003cp\u003eCyprian 是一項資深 React Native 跨平台行動工程師技能，專為 React Native 專案最容易出錯的環節打造：橋接層\/JSI 邊界被過度跨越或未妥善清理、Expo 與裸工作流程的選擇出於習慣而非實際限制、FlatList 依靠猜測而非效能分析進行調校，以及 OTA 更新悄悄承諾要發布它無法支援的原生變更。他涵蓋舊架構與新架構的差異（橋接層、JSI、Fabric、TurboModules）、連接至 Swift 和 Kotlin 的原生模組橋接、React Navigation 與狀態管理選擇、FlatList\/FlashList 效能調校、Hermes 引擎行為、CodePush\/Expo Updates 發布策略，以及應用程式商店提交機制。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e行動工程主管、React Native 開發者，以及將單一 JavaScript\/TypeScript 程式碼庫發布至 App Store 和 Play Store 的團隊。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在提出任何修正方案前，先判斷症狀位於 JS 與原生之間邊界的哪一側（純 JS 重新渲染、橋接層\/序列化，或原生端）。\u003c\/li\u003e\n  \u003cli\u003e在診斷任何與橋接層相關的問題前，先確認使用的是舊架構還是新架構（newArchEnabled、RN 版本）。\u003c\/li\u003e\n  \u003cli\u003e根據實際迫使你做出選擇的原生能力或限制，決定採用 Expo 託管、Expo 預建，還是裸工作流程，絕不以「裸工作流程比較安全」為由選擇。\u003c\/li\u003e\n  \u003cli\u003e只有在使用 Flipper 或 React DevTools Profiler 完成效能分析後，才調校 FlatList 效能（getItemLayout、keyExtractor、windowSize），或建議遷移至 FlashList。\u003c\/li\u003e\n  \u003cli\u003e將僅涉及 JS 的修正導向 CodePush 或 Expo Updates，將原生變更導向完整的商店版本建置，並在承諾當天完成 OTA 修正前，先說明變更屬於哪一類。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Cyprian 的 SKILL.md 貼到你的 Claude 專案指示（或任何 AI system prompt）中，然後描述你的 React Native 跨平台工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395805960,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/cyprian-react-native-cross-platform-engineer-book.jpg?v=1787135631"},{"product_id":"zosia-vue-js-nuxt-frontend-engineer-ai-skill","title":"Zosia - Vue 開發人員 AI Skill","description":"\u003ch2\u003e別再把 Vue 的響應式系統當成 React 的重新渲染模型。\u003c\/h2\u003e\n\u003cp\u003eZosia 是一項以 Vue 實際心智模型為核心打造的資深 Vue.js\/Nuxt 前端工程師技能：細粒度、基於 Proxy 的響應式系統、單檔元件，以及建立在 composable 而非搭配依賴陣列的 hooks 之上的 Composition API。她涵蓋 Composition API 架構與 composable 設計、響應式系統（refs、reactive、computed 快取、watchers）、Pinia 狀態管理、Nuxt 的渲染策略（透過 Nitro 上的 routeRules 實現 SSR、SSG、混合渲染）、檔案式路由與版面配置、SEO\/meta 管理、Vitest\/Vue Test Utils 測試，以及從 Vue 2 遷移至 Vue 3 或從 Options API 遷移至 Composition API。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003eVue 與 Nuxt 前端工程師，以及正在從 Vue 2 或 Options API 遷移的團隊。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e遇到「響應式錯誤」時，會先檢查 reactive() 物件是否被解構、是否漏掉 .value 解包，或是否在響應式內容之外讀取依賴，再查看其他地方。\u003c\/li\u003e\n  \u003cli\u003e只有在確認具備區域狀態的 composable 確實無法完成工作後，才會建議使用 Pinia store。\u003c\/li\u003e\n  \u003cli\u003e會透過 routeRules 針對各個路由選擇 Nuxt 的渲染策略（SSR、SSG、混合渲染），而不是為整個應用程式設定單一全域模式。\u003c\/li\u003e\n  \u003cli\u003e會將 hydration 不一致問題診斷至實際的伺服器端／用戶端差異（僅限用戶端的值、非確定性內容），而不是一律套用 ClientOnly。\u003c\/li\u003e\n  \u003cli\u003e會根據受測 composable、store 或元件中的實際風險，建立範圍適當的 Vitest 與 Vue Test Utils 測試覆蓋率。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Zosia 的 SKILL.md 貼到你的 Claude Project Instructions（或任何 AI 系統 prompt）中，然後描述你的 vue.js\/nuxt 前端工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342395838728,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/zosia-vue-js-nuxt-frontend-engineer-ai-skill-book.jpg?v=1787135630"},{"product_id":"fenwick-angular-enterprise-frontend-engineer-ai-skill","title":"Fenwick - Angular 開發人員 AI Skill","description":"\u003ch2\u003e在你確定實際重新渲染的內容之前，不要加入 OnPush。\u003c\/h2\u003e\n\u003cp\u003eFenwick 是一項為擁有五年歷史、四十位貢獻者的 Angular 單體應用程式打造的資深 Angular 企業前端工程師技能，而不是為全新應用程式設計的。他涵蓋模組與獨立式架構、依賴注入階層、RxJS 反應式模式與訂閱洩漏修復、變更偵測策略與 OnPush 最佳化、NgRx 與替代性的狀態管理、Angular CLI 建置最佳化、反應式表單與範本驅動表單、使用 TestBed 的 Jasmine\/Karma 測試、Module Federation 微前端，以及長期支援版本升級規劃。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e維護大型企業 Angular 程式碼庫的 Angular 技術主管與工程師。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在處理「速度緩慢的元件」之前，從頭到尾追蹤 RxJS 管線（來源、每個運算子、每個訂閱及其拆除流程）。\u003c\/li\u003e\n  \u003cli\u003e區分變更偵測問題與狀態管理問題，而不是猜測究竟是哪一者出錯。\u003c\/li\u003e\n  \u003cli\u003e根據實際的狀態共享問題選擇 NgRx、區域 ComponentStore 或一般服務，而不是預設使用最重量級的工具。\u003c\/li\u003e\n  \u003cli\u003e使用正確的 RxJS 組合運算子（switchMap、combineLatest）重寫巢狀訂閱鏈，並採用真正的拆除策略。\u003c\/li\u003e\n  \u003cli\u003e分階段執行 Module Federation 拆分與主要版本的 LTS 升級，並在每個階段加入驗證步驟與回復計畫。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Fenwick 的 SKILL.md 貼到你的 Claude Project Instructions（或任何 AI 系統 prompt）中，接著描述你的 Angular 企業前端工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396068104,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/fenwick-angular-enterprise-frontend-engineer-book.jpg?v=1787135630"},{"product_id":"ottokar-typescript-node-js-backend-engineer-ai-skill","title":"Ottokar - Node.js 開發人員 AI Skill","description":"\u003ch2\u003e在怪罪資料庫之前，先找出真正阻塞事件迴圈的原因。\u003c\/h2\u003e\n\u003cp\u003eOttokar 是一項資深 TypeScript\/Node.js 後端與 API 工程師技能，其設計核心建立在 Node 的單執行緒、事件驅動執行環境這項關鍵事實上。他涵蓋 NestJS 與 Express 架構比較、使用 tRPC 和 zod 實現端到端型別安全、REST 與 GraphQL API 設計、Prisma 與 TypeORM 資料庫存取、JWT 與工作階段驗證比較、Jest\/Supertest 測試、工作執行緒與叢集，以及容器化或無伺服器部署。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003eTypeScript 和 Node.js 後端工程師及 API 團隊。\u003c\/p\u003e\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在假設速度緩慢的 API 是資料庫或基礎架構問題之前，先分析非同步請求路徑中是否存在同步或受 CPU 限制的呼叫。\u003c\/li\u003e\n  \u003cli\u003e根據團隊規模及團隊實際需要多少強制性結構來選擇 NestJS 或 Express，而不是盲目追隨趨勢。\u003c\/li\u003e\n  \u003cli\u003e優先以程式碼定義請求\/回應型別（tRPC、zod、class-validator），讓契約違反在編譯或驗證時失敗，而不是到了正式環境才出錯。\u003c\/li\u003e\n  \u003cli\u003e在推出會回傳清單的端點之前，透過 ORM 層的預先載入、includes 或 dataloader，捕捉 N+1 查詢模式。\u003c\/li\u003e\n  \u003cli\u003e說明驗證是無狀態（JWT）還是有狀態（工作階段），以及這如何符合服務的擴充與撤銷需求。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Ottokar 的 SKILL.md 貼到 Claude Project Instructions（或任何 AI system prompt）中，然後描述你的 typescript\/node.js 後端工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。不到 2 分鐘即可安裝。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396100872,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ottokar-typescript-node-js-backend-engineer-book.jpg?v=1787135631"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/claude-code-skills.jpg?v=1787735998","url":"https:\/\/kissmyskills.com\/zh\/collections\/claude-code-skills.oembed?page=3","provider":"KissMySkills","version":"1.0","type":"link"}