{"title":"軟體與 IT Skills","description":"\u003cp\u003e適用於軟體工程師和 IT 專業人士的 AI Skills。可直接投入使用的 DevOps、SRE、後端、前端、全端、雲端、平台工程、QA 自動化、行動、DevSecOps、資料庫和軟體架構專家。每個 Skill 都附有實際的完整範例，以及可安全部署、在 CI 和預備環境中測試的指南。\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":"kael-cybersecurity-analyst","title":"Kael - 資安分析師 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 將 Kael 放入 Claude，即可獲得一位資深網路安全分析師：審查程式碼中的漏洞、建立威脅模型、撰寫事件回應計畫，並依據 OWASP、NIST 與 CIS 稽核您的系統 - 提供永不休息的安全防護。\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 不做打勾式合規。Kael 將 STRIDE 威脅建模套用於您的實際架構，依據實際可利用性而非僅 CVSS 分數排列 CVE 優先級，並製作團隊可在壓力下執行的處置手冊 - 而不只是為了稽核。\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弱點評估 - OWASP Top 10 程式碼審查、API 安全性漏洞（BOLA、SSRF、批次指定）、SAST 工具解讀、依據實際可利用性而非僅 CVSS 分數排列 CVE 優先級\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\u003eSTRIDE 威脅建模 - 攻擊面分析、信任邊界映射、以可能性 × 影響評分的風險矩陣、符合 MITRE ATT\u0026amp;CK 的威脅情報\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安全性架構審查 - OAuth 2.0\/OIDC 評估、TLS 設定、IAM 最小權限稽核、S3 儲存貯體政策、GuardDuty 發現項目、零信任原則\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事件回應 - NIST SP 800-61 計畫、網路釣魚、勒索軟體與資料外洩處置手冊、鑑識日誌關聯分析、IoC 識別、無責備檢討\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合規框架 - NIST CSF、SOC 2 Type II 差距分析、GDPR 資料保護評估、CIS 強化基準、PCI DSS 範圍界定基礎\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安全性測試 - 滲透測試範圍界定、驗證繞過測試案例、SIEM 偵測規則、警示分流、採用 Kubernetes RBAC 與 Pod 安全標準的容器安全性\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📄 kael-cybersecurity-analyst.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":56899303702792,"sku":"kael-cybersecurity-analyst","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/kael-cybersecurity-analyst-book.jpg?v=1787135350"},{"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":4.99,"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":"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":"預設","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"},{"product_id":"astrid-php-laravel-developer-ai-skill","title":"Astrid - Laravel 開發人員 AI Skill","description":"\u003ch2\u003e先用真實查詢記錄確認 N+1，再考慮使用 with()。\u003c\/h2\u003e\n\u003cp\u003eAstrid 是一項專為代理商、小型產品團隊，以及長期維護的客戶程式碼庫打造的資深 PHP\/Laravel 開發技能，因為這些環境從來沒有「直接重寫」這個選項。它涵蓋服務容器與服務提供者架構、Eloquent ORM 關聯與 N+1 預防、Blade 範本、Artisan 指令與排程、佇列與 Horizon 工作處理、Livewire 與 Inertia 反應式前端、Sanctum\/Breeze 驗證、Pest\/PHPUnit 測試、效能調校，以及舊版 PHP 現代化。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003ePHP\/Laravel 開發者、代理商團隊，以及正在現代化舊版 PHP 程式碼庫的團隊。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e根據 Laravel Debugbar 輸出或原始查詢記錄診斷 Eloquent 效能，指出造成 N+1 的具體關聯，而不是含糊地說「加入預先載入」。\u003c\/li\u003e\n  \u003cli\u003e將佇列工作視為可靠性問題：在宣告 dispatch() 完成之前，先檢查重試\/退避設定、冪等性，以及 Horizon 的失敗工作清單。\u003c\/li\u003e\n  \u003cli\u003e根據團隊實際規模與技能組合選擇 Livewire、Inertia 或獨立 SPA，絕不因習慣而選用。\u003c\/li\u003e\n  \u003cli\u003e根據使用者是第一方網頁應用程式、SPA 還是行動用戶端，選擇 Sanctum 或 Breeze。\u003c\/li\u003e\n  \u003cli\u003e將 Laravel 或 PHP 主要版本升級拆分成可驗證的步驟，並在每個階段執行 Composer 稽核與制定回復計畫。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Astrid 的 SKILL.md 貼到你的 Claude 專案指示（或任何 AI 系統 prompt）中，然後描述你的 php\/laravel 開發問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。不到 2 分鐘即可安裝。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396330248,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/astrid-php-laravel-developer-ai-skill-book.jpg?v=1787135630"},{"product_id":"isolde-rust-systems-engineer-ai-skill","title":"Isolde - Rust 開發人員 AI Skill","description":"\u003ch2\u003e把借用檢查器錯誤視為設計訊號，而不是設法繞過的障礙。\u003c\/h2\u003e\n\u003cp\u003eIsolde 是一項資深 Rust 系統工程師技能，將借用檢查器視為設計夥伴，而不是需要靠 .clone() 和 unsafe 擊敗的東西。它涵蓋所有權、借用與生命週期等設計工具；使用 Result\/Option 和 ? 運算子進行慣用的錯誤處理；在不必要的動態分派之外使用特徵與泛型；在 tokio 上使用非同步 Rust；以有限範圍並僅在必要時使用 unsafe Rust；驗證零成本抽象；WASM 編譯目標；以及 cargo\/測試生態系。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e建構效能關鍵或記憶體安全關鍵服務的 Rust 系統工程師。\u003c\/p\u003e\n\u003ch3\u003e核心能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e修正借用檢查器錯誤所指出的所有權設計問題，而不是一開始就使用 .clone() 或 unsafe。\u003c\/li\u003e\n  \u003cli\u003e只有在確認確實需要共享可變狀態後，才使用 Arc\u003cmutex\u003e\u0026gt; 或 Arc\u003crwlock\u003e\u0026gt;，而不是將其作為預設的脫身手段。\u003c\/rwlock\u003e\u003c\/mutex\u003e\n\u003c\/li\u003e\n  \u003cli\u003e使用 Option、Result 和 ? 運算子建模失敗；除了測試或明確陳述且已證明的不變條件之外，絕不使用 unwrap()。\u003c\/li\u003e\n  \u003cli\u003e將每個 unsafe 區塊限制在可能的最小範圍內，並在發布前說明其所依賴的不變條件。\u003c\/li\u003e\n  \u003cli\u003e使用 cargo flamegraph 或 criterion 基準測試驗證抽象確實是零成本，而不是假設它會免費被編譯器消除。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Isolde 的 SKILL.md 貼到 Claude Project Instructions（或任何 AI prompt）中，然後描述你的 Rust 系統工程師問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396363016,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/isolde-rust-systems-engineer-ai-skill-book.jpg?v=1787135632"},{"product_id":"baldric-solidity-web3-smart-contract-developer-ai-skill","title":"Baldric - Solidity 開發人員 AI Skill","description":"\u003ch2\u003e在撰寫建構函式之前，而不是部署之後，先決定可升級性與存取控制。\u003c\/h2\u003e\n\u003cp\u003eBaldric 是一項資深 Solidity\/Web3 智慧合約開發者技能，會以生產環境 Web3 團隊的方式建構合約與 dApp 整合：符合標準的代幣與 NFT 合約、不會使狀態失效的升級路徑，以及被視為實際預算來管理的 gas 成本。他涵蓋 ERC-20\/ERC-721\/ERC-1155 及相關標準、代理／可升級合約模式、存取控制、Hardhat 與 Foundry 測試流程、gas 最佳化、ethers.js\/viem 前端整合，以及 Chainlink 預言機整合。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e在 Roswitha 進行獨立安全性稽核之前，正在建構或搭建合約的 Web3 與智慧合約開發者。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在選擇 ERC-20、ERC-721 或 ERC-1155 之前，確認供應機制、轉移限制與升級需求。\u003c\/li\u003e\n  \u003cli\u003e透過打包儲存變數來最小化儲存槽，並在設計儲存配置時思考 gas，而不是等 gas 報告結果難看時才處理。\u003c\/li\u003e\n  \u003cli\u003e建立涵蓋每個會改變狀態的函式、還原路徑與邊界情況的 Hardhat 或 Foundry 測試套件，將其視為交付成果，而非事後補救。\u003c\/li\u003e\n  \u003cli\u003e在合約邏輯中信任任何 Chainlink 價格餵價之前，先驗證其是否過時。\u003c\/li\u003e\n  \u003cli\u003e明確說明，他自身具備漏洞意識的程式撰寫，不能取代 Roswitha 在上主網前進行的獨立稽核。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Baldric 的 SKILL.md 貼入你的 Claude 專案指示（或任何 AI 系統提示）中，然後描述你的 Solidity\/Web3 智慧合約開發者問題。適用於 Claude、ChatGPT 與任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396592392,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/baldric-solidity-web3-smart-contract-book.jpg?v=1787135632"},{"product_id":"roswitha-smart-contract-security-auditor-ai-skill","title":"Roswitha - 智慧合約安全稽核師 AI Skill","description":"\u003ch2\u003e將通過的測試套件視為毫無法證明合約安全性的證據。\u003c\/h2\u003e\n\u003cp\u003eRoswitha 是一名資深智慧合約安全稽核技能，會以獨立審查者身分審查 Solidity 合約，不受程式碼是否能按時發布的利害關係影響。她會依據固定的漏洞分類手動審查程式碼（重入攻擊、預言機操縱、閃電貸攻擊、存取控制缺陷），使用 Slither 和 Mythril 進行靜態分析，使用 Echidna 和 Foundry 進行模糊測試與不變量測試，進行嚴重性分級，並撰寫完整的稽核報告與修正建議。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e在部署前或部署後審查智慧合約的團隊與稽核人員，且該合約已由 Baldric 或其他團隊成員撰寫完成。\u003c\/p\u003e\n\u003ch3\u003e主要功能\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在使用任何工具前，依據固定的漏洞檢查清單，逐一檢視每個外部呼叫、狀態變更與存取控制修飾詞。\u003c\/li\u003e\n  \u003cli\u003e執行 Slither 和 Mythril，然後手動確認每一個遭標記的程式碼行，才將其納入報告。\u003c\/li\u003e\n  \u003cli\u003e針對絕不能遭破壞的屬性（供應量上限、償付能力）設計 Echidna 或 Foundry 不變量測試，而不只是測試最容易測試的函式。\u003c\/li\u003e\n  \u003cli\u003e同時依據影響與發生可能性評估嚴重性，絕不只看影響。\u003c\/li\u003e\n  \u003cli\u003e將修正建議撰寫為具名檢查或模式，絕不只寫「加入適當的驗證」。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Roswitha 的 SKILL.md 貼入 Claude Project Instructions（或任何 AI system prompt）中，接著描述你的智慧合約安全稽核問題。適用於 Claude、ChatGPT 與任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396625160,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/roswitha-smart-contract-security-auditor-ai-book.jpg?v=1787135632"},{"product_id":"emberlyn-unreal-engine-game-developer-ai-skill","title":"Emberlyn - Unreal Engine 開發人員 AI Skill","description":"\u003ch2\u003e在啟用 Nanite 或 Lumen 前，先說明平台幀時間預算。\u003c\/h2\u003e\n\u003cp\u003eEmberlyn 是一名資深 Unreal Engine 遊戲開發者，曾推出具 AAA 級畫質的作品，也參與過虛擬製作攝影棚的工作。她涵蓋 Actor\/Component 架構與 Blueprint 和 C++ 的分工、Gameplay Ability System、Nanite\/Lumen 渲染管線與效能預算、用於大型開放世界關卡的 World Partition、Control Rig 與 Sequencer 電影化製作、多人遊戲複製、封裝與平台最佳化，以及在 LED 影棚中的虛擬製作工作。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e開發 AAA 級畫質作品、大型開放世界遊戲，或從事電影\/廣播虛擬製作的 Unreal Engine 開發者。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在建議使用 Nanite、Lumen 或任何較耗資源的渲染功能前，先說明系統的畫質目標與平台預算。\u003c\/li\u003e\n  \u003cli\u003e在調整網格預算、tick 間隔或渲染切換設定前，先使用 Unreal Insights、GPU Visualizer 或 stat 檢視進行效能分析。\u003c\/li\u003e\n  \u003cli\u003e將 Blueprint 執行昂貴的每幀邏輯視為正確性問題，而非風格偏好，並將高頻路徑移至 C++。\u003c\/li\u003e\n  \u003cli\u003e根據世界的實際規模設定相應的 World Partition 串流網格大小與資料層，而不是照搬範例專案的預設值。\u003c\/li\u003e\n  \u003cli\u003e將虛擬製作（LED 影棚、genlock\/時間碼同步、色彩管線）視為不同於遊戲上市最佳化的獨立專業領域。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Emberlyn 的 SKILL.md 貼到你的 Claude Project Instructions（或任何 AI 系統提示）中，然後描述你的 Unreal Engine 遊戲開發問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342396854536,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/emberlyn-unreal-engine-game-developer-ai-book.jpg?v=1787135632"},{"product_id":"ottavia-elixir-phoenix-backend-engineer-ai-skill","title":"Ottavia - Elixir 開發人員 AI Skill","description":"\u003ch2\u003e在撰寫 GenServer 之前，先設計監督樹。\u003c\/h2\u003e\n\u003cp\u003eOttavia 是一項以 BEAM 的 actor 模型並行處理與「讓它崩潰」容錯機制為基礎的資深 Elixir\/Phoenix 後端工程師技能。她涵蓋 OTP 設計模式（GenServer、Supervisor 樹）、Phoenix contexts 與 Ecto schemas、用於即時功能的 Phoenix Channels 與 PubSub、Phoenix LiveView 開發與效能診斷、ExUnit 測試，以及用於叢集部署的 Elixir 發行套件封裝。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e建構高並行、容錯系統（聊天、即時儀表板、IoT 艦隊）的 Elixir\/Phoenix 後端工程師。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e將並行工作建模為程序與訊息，絕不讓兩個程序直接讀取或寫入共享可變狀態。\u003c\/li\u003e\n  \u003cli\u003e在撰寫任何 handle_call 或 handle_cast 回呼之前，先定義 supervisor 的重新啟動策略（:one_for_one、:one_for_all、:rest_for_one）。\u003c\/li\u003e\n  \u003cli\u003e將 Ecto 查詢保留在 Phoenix contexts 中，拒絕讓 LiveView 或控制器自行累積查詢邏輯。\u003c\/li\u003e\n  \u003cli\u003e在進行任何變更之前，先根據 :observer 輸出、郵箱大小或 assign 差異，診斷緩慢的 GenServer 或 LiveView。\u003c\/li\u003e\n  \u003cli\u003e在發行版本部署至多個節點之前，先命名叢集策略與節點探索機制（libcluster）。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Ottavia 的 SKILL.md 貼到你的 Claude Project Instructions（或任何 AI system prompt）中，然後描述你的 elixir\/phoenix 後端工程師問題。適用於 Claude、ChatGPT 以及任何 AI 聊天工具。不到 2 分鐘即可完成安裝。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342397083912,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ottavia-elixir-phoenix-backend-engineer-ai-book.jpg?v=1787135633"},{"product_id":"casimir-c-embedded-systems-iot-firmware-developer-ai-skill","title":"Casimir - 嵌入式系統開發人員 AI Skill","description":"\u003ch2\u003e在提出修復方案前，先說明 MCU、RAM\/快閃記憶體預算，以及裸機與 RTOS 的選擇。\u003c\/h2\u003e\n\u003cp\u003eCasimir 是一項資深 C++\/嵌入式系統與 IoT 韌體開發技能，專為沒有容錯餘裕的硬體而設計：沒有虛擬記憶體、沒有垃圾回收器，而且如果中斷處理常式多執行一微秒，排程器就可能永遠錯過一次感測器讀取。他涵蓋裸機與以 RTOS 為基礎的設計（FreeRTOS\/Zephyr）、不依賴寬容堆積區的記憶體管理、周邊介面（I2C\/SPI\/UART\/GPIO\/ADC\/DAC）、中斷服務常式設計、由 DMA 驅動的資料傳輸、電池供電 IoT 裝置的電源管理、OTA 更新與開機載入程式設計、嵌入式除錯，以及 IoT 通訊協定（MQTT、BLE、LoRaWAN）。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e開發電池供電 IoT 裝置或資源受限微控制器韌體的嵌入式韌體工程師。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在開始撰寫任何程式碼前，先確認 MCU 系列、快閃記憶體\/RAM 預算、時脈速度與 RTOS 選擇，因為適用於某個目標的平台修復方案，可能會讓另一個目標平台出問題。\u003c\/li\u003e\n  \u003cli\u003e將每個 ISR 視為延遲預算：擷取所需的最少資料，並將解析或阻塞呼叫延後至工作或主迴圈情境中執行。\u003c\/li\u003e\n  \u003cli\u003e預設採用靜態配置與物件池，將堆積區視為必須經過深思熟慮的選擇，並明確說明碎片化分析，而不是預設使用。\u003c\/li\u003e\n  \u003cli\u003e在將任何項目稱為「低功耗」前，先為每種睡眠深度繪製電流消耗、喚醒來源與喚醒延遲。\u003c\/li\u003e\n  \u003cli\u003e設計 OTA 與開機載入程式的回復邏輯，明確回答「如果在寫入快閃記憶體途中斷電會發生什麼事」。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Casimir 的 SKILL.md 貼到 Claude Project Instructions（或任何 AI system prompt）中，然後描述你的 C++\/嵌入式系統與 IoT 韌體開發問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342397116680,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/casimir-c-embedded-systems-iot-firmware-book.jpg?v=1787135658"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/software-it-skills.jpg?v=1787734511","url":"https:\/\/kissmyskills.com\/zh\/collections\/software-it-skills.oembed?page=6","provider":"KissMySkills","version":"1.0","type":"link"}