{"title":"軟體開發人員 Claude Skills","description":"\u003cp\u003e適用於軟體開發人員的 Claude 技能。可下載的 .md 設定檔，涵蓋程式碼審查、重構、除錯、測試和技術決策紀錄。立即下載，享有 30 天退款保證。\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":"edmund-ai-full-stack-developer-agent","title":"Edmund - AI 全端開發人員代理","description":"\u003cdiv style=\"font-family: 'DM Sans', sans-serif; color: #1A1A18; max-width: 680px;\"\u003e\n \u003cp style=\"font-size: 16px; font-weight: 600; color: #1A1A18; line-height: 1.5; margin: 0 0 8px 0;\"\u003e\n 將 Edmund 載入 Claude，取得一位資深全端開發者 Agent，將您的功能概要完整建置 - 資料庫結構、後端邏輯、API 端點與前端元件 - 逐層交付符合正式環境需求且說明清楚的程式碼，並為每項架構決策提供合理依據。\n \u003c\/p\u003e\n \u003cp style=\"font-size: 13px; font-weight: 400; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003e\n 大多數 AI 產生的程式碼會丟下一大段沒有註解的程式碼，然後繼續往下。Edmund 的做法不同。他會在撰寫第一行程式碼前，先針對您的技術堆疊與需求提出精準問題，依序建置每一層，在每層完成後確認進度，並說明每項決策，讓您了解並能維護所建置的內容。適用於 Claude、ChatGPT，或任何接受 system prompt 的 AI 聊天模型。\n \u003c\/p\u003e\n \u003cdiv style=\"background: #E6F1FB; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 16px 0;\"\u003e您將獲得的內容\u003c\/p\u003e\n \u003cul style=\"margin: 0; padding: 0; list-style: none;\"\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e資料庫層\u003c\/strong\u003e - 包含內嵌註解的結構設計、模型與遷移，以及對每項結構決策的說明，讓您在進入下一層之前，了解建置了什麼以及為什麼這樣建置\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e後端邏輯\u003c\/strong\u003e - 具備錯誤處理、輸入驗證，並在每個步驟標示安全性考量的服務函式與核心處理邏輯 - 而不是事後才補上\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003eAPI 端點\u003c\/strong\u003e - 具備請求\/回應契約、驗證、錯誤回應及正確 HTTP 狀態碼的 REST 端點，讓 API 從第一次提交開始就符合正式環境需求\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e前端元件\u003c\/strong\u003e - 內建 API 整合、狀態管理、載入狀態與錯誤處理的 UI 元件 - 無論您使用 React、Vue、Next.js 或 Nuxt，都會針對您的實際框架進行調整\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; border-bottom: 1px solid rgba(24,95,165,0.12); display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e依技術堆疊建置\u003c\/strong\u003e - Edmund 會依照您的技術堆疊，而不是他的偏好進行建置。Django + React、Node + Vue、FastAPI + Next.js - 無論您使用哪一套，輸出都能直接套用，不需要重寫\u003c\/span\u003e\n \u003c\/li\u003e\n \u003cli style=\"font-size: 13px; color: #1A1A18; padding: 7px 0; display: flex; align-items: flex-start; gap: 10px;\"\u003e\n \u003cspan style=\"color: #185FA5; font-weight: 600; flex-shrink: 0;\"\u003e→\u003c\/span\u003e\n \u003cspan\u003e\u003cstrong\u003e整合說明\u003c\/strong\u003e - 說明各層如何連接、所需的環境變數、要安裝的相依套件，以及需要處理的已知邊界情況，讓您能順利發布，不必在最後靠猜測收尾\u003c\/span\u003e\n \u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; align-items: center; gap: 20px; background: #FFFFFF; border: 1px solid #E8E6E0; border-radius: 8px; padding: 14px 20px; margin-bottom: 24px;\"\u003e\n \u003cspan style=\"font-size: 11px; color: #888780; font-family: monospace;\"\u003e📄 edmund-ai-full-stack-developer-agent.skill\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e2 分鐘內完成安裝\u003c\/span\u003e\n \u003cdiv style=\"width: 1px; height: 16px; background: #E8E6E0;\"\u003e\u003c\/div\u003e\n \u003cspan style=\"font-size: 11px; color: #888780;\"\u003e適用於 Claude、ChatGPT 及任何 AI 聊天工具\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv style=\"border-left: 3px solid #185FA5; padding-left: 16px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #185FA5; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 6px 0;\"\u003e如何安裝\u003c\/p\u003e\n \u003cp style=\"font-size: 12px; color: #555550; line-height: 1.7; margin: 0;\"\u003e\n 下載 .skill 套件 → 開啟 Claude → 將 SKILL.md 載入您的 Project Instructions 或 system prompt → 將啟用 prompt 貼到對話中 → Edmund 會一次詢問一個問題，並逐層建立您的功能層，每一步都附上說明清楚、可用於正式環境的程式碼。適用於 Claude（推薦）、ChatGPT，或任何接受 system prompt 的 AI 聊天工具。\n \u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":57850931970312,"sku":"edmund-ai-full-stack-developer-agent","price":32.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/edmund-ai-full-stack-developer-agent-book.jpg?v=1787218784"},{"product_id":"rhys-tradingview-pine-strategy","title":"Rhys - TradingView Pine Script 開發者 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將 Rhys 貼入 Claude，即可獲得一位 TradingView Pine Script 程式設計師，將交易構想轉化為簡潔、可運作的 Pine v5 策略或指標 - 包含風險部位大小、警報，以及如何進行回測的說明。\u003c\/p\u003e\n \u003cp style=\"font-size:13px; color:#555550; line-height:1.7; margin:0 0 28px 0;\"\u003e正確的 Pine v5 語法（不是舊版 v4）、strategy.entry\/exit、ATR 停損、按權益百分比計算的部位大小、ta.* 函數、alertcondition 和 alert()，以及應避免的重繪與過度擬合陷阱。程式碼可直接複製貼上使用。僅供教育用途 - 回測結果不代表未來結果；不構成財務建議。\u003c\/p\u003e\n \u003cdiv style=\"background:#FBF1DE; border-radius:12px; padding:24px 28px; margin-bottom:24px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A66A00; 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(166,106,0,0.12); display:flex; gap:10px;\"\u003e\n\u003cspan style=\"color:#A66A00; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e完整、可直接複製貼上的 Pine v5 策略與指標\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli style=\"font-size:13px; padding:7px 0; border-bottom:1px solid rgba(166,106,0,0.12); display:flex; gap:10px;\"\u003e\n\u003cspan style=\"color:#A66A00; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e進場、出場、基於 ATR 的停損，以及按權益百分比計算的部位大小\u003c\/span\u003e\n\u003c\/li\u003e\n \u003cli style=\"font-size:13px; padding:7px 0; border-bottom:1px solid rgba(166,106,0,0.12); display:flex; gap:10px;\"\u003e\n\u003cspan style=\"color:#A66A00; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e警報（alertcondition\/alert），以及如何進行回測和解讀結果\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:#A66A00; 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=\"border-left:3px solid #A66A00; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A66A00; 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 → 將 SKILL.md 貼入 Claude 或任何 AI 聊天工具 → 描述你的策略構想 → Rhys 會撰寫 Pine v5。附完整可運作的策略範例。支援 Claude、ChatGPT 和任何 AI 聊天工具 · 不到 2 分鐘。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58293856338184,"sku":"rhys-tradingview-pine-strategy","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rhys-tradingview-pine-strategy-book.jpg?v=1787153485"},{"product_id":"anders-sap-abap-developer","title":"Anders - SAP ABAP 開發人員 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將 Anders 加入 Claude，即可獲得一位資深 ABAP 開發人員，撰寫簡潔、符合 clean-core 且通過單元測試的程式碼 - 採用現代 ABAP、CDS 檢視、RAP 與 OData，而不是在迴圈中堆疊一堆 SELECT。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eAnders 會先檢查是否有標準功能\/BAPI\/增強點，再撰寫自訂程式；設計簡潔的 OO 程式碼，並讓程式可測試且高效能。現代 ABAP（7.4+ 語法）、CDS 與 AMDP、RESTful ABAP 程式設計模型（RAP）、OData\/Gateway、增強框架（BAdI）、ABAP Unit 與效能調校（ST05\/SAT）。務必在開發用戶端中測試，並在傳輸前執行 ATC。\u003c\/p\u003e\n \u003cdiv style=\"background: #EAF0F6; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #2C5F8A; 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(44,95,138,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e現代 ABAP（7.4+）：內嵌宣告、VALUE\/FOR\/REDUCE、SALV\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(44,95,138,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eCDS 檢視、AMDP 與 RESTful ABAP 程式設計模型（RAP）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(44,95,138,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e增強框架（BAdI）與 clean-core，絕不修改標準程式\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:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eABAP Unit 測試與效能調校（ST05、SAT、集合式 SQL）\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📄 anders-sap-abap-developer.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 #2C5F8A; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#2C5F8A; 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 中 → 描述您的需求 → Anders 會建構答案。包含完整的實作範例（兩個真實情境），讓您清楚了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58295386079496,"sku":"anders-sap-abap-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/anders-sap-abap-developer-book.jpg?v=1787156543"},{"product_id":"yuki-sap-fiori-ui5-developer","title":"Yuki - SAP Fiori 開發人員 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將 Yuki 加入 Claude，即可獲得一位資深 SAP Fiori\/UI5 開發人員，將 UX 需求轉化為真正的應用程式 - 使用 CDS 註解建立 Fiori Elements，或使用 freestyle SAPUI5，完成部署並註冊至 Launchpad。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eYuki 會根據工作需求選擇 Fiori Elements 或 freestyle，建立 OData 服務與註解模型、打造可測試的 UI5，並透過 BTP 搭配 Launchpad 設定進行部署。SAPUI5（MVC、XML 檢視、控制器、綁定）、Fiori Elements（清單報表、物件頁面）、OData V2\/V4、CDS UI 註解、CAP\/RAP 後端，以及標準應用程式的 clean-core 擴充。始終在開發環境中測試並進行擴充，絕不修改。\u003c\/p\u003e\n \u003cdiv style=\"background: #EAF0F6; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #2C5F8A; 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(44,95,138,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e由 CDS UI 註解驅動的 Fiori Elements（清單報表、物件頁面）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(44,95,138,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eFreestyle SAPUI5：MVC、XML 檢視、控制器、OData 綁定、格式化器\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(44,95,138,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eOData V2\/V4 與 CAP\/RAP 後端\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:#2C5F8A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eLaunchpad 設定與標準應用程式的 clean-core 擴充\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📄 yuki-sap-fiori-ui5-developer.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 #2C5F8A; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#2C5F8A; 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 → 描述您的需求 → Yuki 建立答案。包含完整的實作範例（兩個真實情境），讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58295424155912,"sku":"yuki-sap-fiori-ui5-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/yuki-sap-fiori-ui5-developer-book.jpg?v=1787156474"},{"product_id":"ravi-salesforce-developer","title":"Ravi - Salesforce 開發人員 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將 Ravi 加入 Claude，取得一位資深 Salesforce 開發人員，能撰寫可安全處理批次且經過測試的 Apex，以及簡潔的 Lightning Web Components - 能注意治理限制，而不是撰寫一個處理 200 筆資料就失效的觸發器。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eRavi 會先檢查是否能優先採用宣告式方法，接著設計可安全處理批次的 Apex，使用每個物件一個觸發器處理常式，撰寫真正的測試類別，並建構能正確呼叫 Apex 的 LWC。涵蓋 Apex、SOQL\/SOSL、非同步處理（Batch、Queueable、Future、Scheduled）、LWC、外部服務呼叫與平台事件，並強制執行 CRUD\/FLS。務必在沙箱或 scratch org 中建構與測試，並透過 SFDX 部署。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F3FA; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #0E86B8; 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(14,134,184,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#0E86B8; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eApex：每個物件一個觸發器處理常式、批次化處理、治理限制\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(14,134,184,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#0E86B8; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e具備有意義斷言的測試類別（75% 以上），以及呼叫外部服務的模擬物件\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(14,134,184,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#0E86B8; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eLightning Web Components：@wire、命令式 Apex、事件、LDS\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:#0E86B8; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e非同步處理（Batch\/Queueable\/Future）、平台事件、已強制執行 CRUD\/FLS\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📄 ravi-salesforce-developer.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 #0E86B8; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#0E86B8; 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 中 → 描述您的需求 → Ravi 建立答案。包含完整的實作範例（兩個真實情境），讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58295592550664,"sku":"ravi-salesforce-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ravi-salesforce-developer-book.jpg?v=1787160434"},{"product_id":"tomas-dynamics-365-fo-developer","title":"Tomas - Dynamics 365 F\u0026O 開發人員 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將 Tomas 放入 Claude，即可獲得一位資深 Dynamics 365 F\u0026O 開發人員，以現代方式撰寫簡潔的 X++，採用擴充與 Chain of Command，絕不使用覆蓋分層，並以集合為基礎且可測試。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eTomas 會先檢查是否有標準功能或擴充點，然後使用 Chain of Command 或事件處理常式進行擴充，撰寫以集合為基礎的 X++，並正確封裝。涵蓋 X++、資料實體、SysOperation 批次、表單、效能（insert_recordset）、Visual Studio 可部署套件與 LCS。部署套件前，務必先在開發環境或沙箱中測試。\u003c\/p\u003e\n \u003cdiv style=\"background: #F1ECF8; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e擴充模型：Chain of Command、事件處理常式，不使用覆蓋分層\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eX++ 資料模型：資料表、EDT、列舉、索引、關聯\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e資料實體（OData\/DMF）與 SysOperation 批次工作\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:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e以集合為基礎的效能（insert_recordset）與可部署套件\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📄 tomas-dynamics-365-fo-developer.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 #7A4FB5; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#7A4FB5; 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 → 描述您的需求 → Tomas 建立答案。包含完整的實作範例（兩個真實情境），讓您清楚了解會獲得什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296090984712,"sku":"tomas-dynamics-365-fo-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/tomas-dynamics-365-fo-developer-book.jpg?v=1787163272"},{"product_id":"ada-business-central-developer","title":"Ada - Business Central 開發人員 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將 Ada 加入 Claude，即可獲得一位資深的 Business Central AL 開發人員，以正確方式擴充基礎應用程式，包括資料表與頁面擴充、事件訂閱者，絕不修改基礎應用程式，並會進行測試。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eAda 建立 AL 擴充功能：資料表與頁面擴充、事件訂閱者與發佈者、API 頁面，以及測試程式碼單元。她採用事件驅動方式，不觸碰基礎應用程式，並提供符合 AppSource 風格的乾淨應用程式。VS Code + AL、app.json、權限集、效能（SetLoadFields）。發佈前務必在沙箱中測試。\u003c\/p\u003e\n \u003cdiv style=\"background: #F1ECF8; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAL 物件：資料表、頁面、程式碼單元、報表、查詢、列舉、介面\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e不修改基礎應用程式；app.json、權限集、AppSource 模型\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:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPI 頁面（OData）與 AL 測試程式碼單元、SetLoadFields 效能\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📄 ada-business-central-developer.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 #7A4FB5; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#7A4FB5; 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 → 描述您的需求 → Ada 建立答案。包含完整的實作範例（兩個真實情境），讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296095539464,"sku":"ada-business-central-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ada-business-central-developer-book.jpg?v=1787163272"},{"product_id":"jonas-power-apps-developer","title":"Jonas - Power Apps 開發人員 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將 Jonas 放入 Claude，即可獲得一位資深 Power Apps 開發人員：他會在 Dataverse 中建立資料模型，並建置遵守委派規則的畫布或模型導向應用程式，不會在 2,000 筆資料列時卡住。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eJonas 會釐清應用程式需求、建立 Dataverse 資料模型，接著使用 Power Fx 進行建置，從一開始就考量委派。畫布應用程式（Power Fx、圖庫、表單、集合）、模型導向應用程式、Dataverse、連接器、元件，以及透過解決方案實現的 ALM。他會在委派問題造成影響前先標示出來。始終在開發環境中建置，並透過受管理的解決方案發布。\u003c\/p\u003e\n \u003cdiv style=\"background: #F1ECF8; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e畫布應用程式：Power Fx、圖庫、表單、變數與集合\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e模型導向應用程式、Dataverse 資料表、關聯性與商務規則\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:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e元件、連接器（標準與進階）以及解決方案 ALM\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📄 jonas-power-apps-developer.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 #7A4FB5; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#7A4FB5; 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 中 → 描述您的需求 → Jonas 建立答案。包含完整的實作範例（兩個真實情境），讓您清楚了解最終成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296095899912,"sku":"jonas-power-apps-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/jonas-power-apps-developer-book.jpg?v=1787163272"},{"product_id":"petra-power-automate-developer","title":"Petra - Power Automate 開發人員 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將 Petra 放入 Claude，即可獲得一位資深 Power Automate 開發人員，能建立具備實際錯誤處理、重試和冪等性的雲端流程，而不是建立一個在凌晨 2 點靜默失敗的流程。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003ePetra 會釐清觸發條件和結果、設計流程，並讓流程具備韌性：觸發條件、WDL 運算式、Try\/Catch\/Finally 範圍、套用至每個項目的並行處理、核准，以及使用連線參考的解決方案 ALM。雲端和桌面流程。務必在開發環境中建置和測試；絕不要將密鑰硬編碼。\u003c\/p\u003e\n \u003cdiv style=\"background: #F1ECF8; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eWDL 運算式（coalesce、formatDateTime、篩選陣列）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e錯誤處理：設定執行後動作、Try\/Catch\/Finally 範圍\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:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e核准、子流程、連線參考和解決方案 ALM\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📄 petra-power-automate-developer.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 #7A4FB5; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#7A4FB5; 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 → 描述您的需求 → Petra 建立答案。包含完整的實作範例（兩個真實情境），讓您確切了解最終成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296096391432,"sku":"petra-power-automate-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/petra-power-automate-developer-book.jpg?v=1787163271"},{"product_id":"vince-power-bi-developer","title":"Vince - Power BI 開發人員 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將 Vince 放入 Claude，即可獲得一位資深 Power BI 開發人員：能建立正確的星型結構，並撰寫正確的 DAX，讓 YTD、YoY 和累計總計都能與來源資料核對一致。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eVince 會將資料建模為星型結構，在 Power Query 中塑形，撰寫遵循篩選內容的 DAX，並使用資料列層級安全性加以保護。建模、Power Query (M)、DAX (CALCULATE、時間智慧、內容轉換)、RLS、匯入與 DirectQuery，以及報表效能。他會在簽核前將總計與來源資料核對。務必驗證數字。\u003c\/p\u003e\n \u003cdiv style=\"background: #F1ECF8; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePower Query (M)：轉換與查詢摺疊\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDAX：CALCULATE、篩選內容、時間智慧、VAR、SUMX\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:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e資料列層級安全性 (RLS)、匯入與 DirectQuery、效能\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📄 vince-power-bi-developer.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 #7A4FB5; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#7A4FB5; 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 → 描述您的需求 → Vince 建立答案。包含完整的實作範例（兩個真實情境），讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296098128136,"sku":"vince-power-bi-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/vince-power-bi-developer-book.jpg?v=1787163270"},{"product_id":"amara-copilot-studio-maker","title":"Amara - Copilot Studio 開發人員 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將 Amara 放入 Claude，即可獲得一位資深 Microsoft Copilot Studio 建置者，負責設計主題、讓生成式答案以可信賴的知識為依據，並加入人工升級機制，而不是一個會產生幻覺的機器人。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eAmara 會釐清使用情境與防護機制、設計主題與知識、使用 Power Automate 串接動作，並在發布前進行測試。主題（觸發詞組、問題、實體、槽位填入）、以知識來源為依據並附有引用的生成式答案、動作、驗證、頻道與分析。始終以可信賴的來源為答案依據，並在開發環境中建置。\u003c\/p\u003e\n \u003cdiv style=\"background: #F1ECF8; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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(122,79,181,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#7A4FB5; 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:#7A4FB5; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e動作（Power Automate）、驗證、頻道與分析\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📄 amara-copilot-studio-maker.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 #7A4FB5; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#7A4FB5; 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 中 → 描述您的需求 → Amara 建構答案。內含完整實作範例（兩個真實情境），讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296098881800,"sku":"amara-copilot-studio-maker","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/amara-copilot-studio-maker-book.jpg?v=1787163271"},{"product_id":"rohan-servicenow-developer","title":"Rohan - ServiceNow 開發人員 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將 Rohan 放入 Claude，即可獲得一位資深 ServiceNow 開發人員，能撰寫正確的伺服器端與用戶端腳本、GlideRecord、GlideAjax 和 Flow 動作，使用 ATF 進行測試，並透過 update set 推送。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eRohan 偏好使用宣告式方法和 Flow，只有在需要時才撰寫簡潔的 scoped script。支援 Business Rules（before\/after\/async）、可由用戶端呼叫的 Script Includes 搭配 GlideAjax、高效率的 GlideRecord、Scripted REST API，以及 ATF 測試。不使用硬編碼的 sys_ids，不會產生 business rule 迴圈。務必在子產品環境中建置和測試，再透過 update set 或應用程式儲存庫推送。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F6EF; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #1E9E6A; 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(30,158,106,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e伺服器端：Business Rules、Script Includes、高效率的 GlideRecord\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(30,158,106,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e用戶端：Client Scripts、GlideAjax、UI Actions、g_form\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(30,158,106,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eFlow Designer、IntegrationHub、Scripted REST API\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:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eATF 自動化測試；不使用硬編碼的 sys_ids，不會產生 BR 迴圈\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📄 rohan-servicenow-developer.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 #1E9E6A; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#1E9E6A; 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 中 → 描述您的需求 → Rohan 建立答案。包含完整的實作範例（兩個真實情境），讓您清楚了解最終成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296217010440,"sku":"rohan-servicenow-developer","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rohan-servicenow-developer-book.jpg?v=1787161716"},{"product_id":"nikhil-servicenow-integration","title":"Nikhil - ServiceNow 整合開發人員 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將 Nikhil 放入 Claude，即可獲得一位資深 ServiceNow 整合開發人員，能選擇適當的模式，使用 IntegrationHub 或 Scripted REST 建置，並加入 OAuth、錯誤處理與重試機制。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eNikhil 會釐清系統與 SLA，偏好使用 IntegrationHub，並建立具韌性的入站與出站整合。REST\/SOAP、IntegrationHub spokes 與資料串流、RESTMessageV2、Scripted REST API、Import Set 與 Transform Map、MID Server 及 OAuth。務必在子生產環境中建置與測試，絕不將憑證硬編碼。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F6EF; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #1E9E6A; 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(30,158,106,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e入站／出站 REST 與 SOAP；Table 和 Import Set API\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(30,158,106,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eIntegrationHub spokes、動作與資料串流（分頁）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(30,158,106,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eRESTMessageV2、Scripted REST API、Transform Map（合併）\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:#1E9E6A; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eOAuth 2.0、MID Server、錯誤處理、重試與記錄\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📄 nikhil-servicenow-integration.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 #1E9E6A; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#1E9E6A; 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 貼到您的專案指示或系統提示中 → 描述您的需求 → Nikhil 建立答案。包含完整的實作範例（兩個真實情境），讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58296229691656,"sku":"nikhil-servicenow-integration","price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/nikhil-servicenow-integration-book.jpg?v=1787161715"},{"product_id":"hana-oracle-netsuite-developer","title":"Hana - Oracle NetSuite 開發人員 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將 Hana 放入 Claude，即可獲得能撰寫正確且符合治理規範的 SuiteScript 2.1、建構 SDF 專案，並從 Sandbox 進行部署的資深 NetSuite 開發人員。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eHana 能跨所有指令碼類型（User Event、Client、Scheduled、Map\/Reduce、RESTlet、Suitelet、Portlet、Mass Update）撰寫 SuiteScript 2.1，使用實際的 N\/* 模組（N\/record、N\/search、N\/query、N\/https、N\/runtime），管理治理與單位，使用 SuiteQL 查詢，並建構可供部署的 SDF 專案。不硬編碼 ID。務必在 Sandbox 中開發與測試，然後透過 SDF 部署至正式環境。\u003c\/p\u003e\n \u003cdiv style=\"background: #F7ECEA; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C74634; 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(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e所有 SuiteScript 2.1 指令碼類型及正確的進入點\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e實際的 N\/* 模組、治理與單位預算、SuiteQL\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e符合治理規範的 Map\/Reduce 與高效搜尋\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:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eSDF 專案結構、部署與單元測試\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-oracle-netsuite-developer.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 #C74634; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C74634; 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 中 → 描述您的需求 → Hana 就會建立答案。內含完整實作範例，讓您確切了解最終成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58299188576520,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/hana-oracle-netsuite-developer-book.jpg?v=1787158718"},{"product_id":"milan-oracle-apex-developer","title":"Milan - Oracle APEX 開發人員 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將 Milan 加入 Claude，即可獲得一位資深 Oracle APEX 開發人員，使用繫結變數安全的 PL\/SQL 建立頁面、互動式格線與 REST 來源應用程式，並正確設定授權。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMilan 可建立 APEX 應用程式：頁面、互動式報表與格線、分面搜尋、表單與 DML 程序、動態動作、PL\/SQL 程序、REST 資料來源與 ORDS，以及驗證與授權配置。他會撰寫確保繫結變數安全的 SQL 並防止注入。務必在開發工作區中建置並測試，然後透過變更控制再部署至正式環境。\u003c\/p\u003e\n \u003cdiv style=\"background: #F7ECEA; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C74634; 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(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; 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(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePL\/SQL 程序、驗證與動態動作\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eREST 資料來源、ORDS 與 APEX_WEB_SERVICE\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:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e驗證與授權配置；確保繫結變數安全的 SQL\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📄 milan-oracle-apex-developer.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 #C74634; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C74634; 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 → 描述您的需求 → Milan 建立答案。包含完整實作範例，讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58299190444296,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/milan-oracle-apex-developer-book.jpg?v=1787158718"},{"product_id":"lakshmi-oracle-plsql-developer","title":"Lakshmi - Oracle PL\/SQL 開發人員 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將 Lakshmi 加入 Claude，即可獲得一位資深 Oracle PL\/SQL 開發者：能撰寫快速且繫結變數安全的套件，將逐列處理邏輯重構為 BULK COLLECT 和 FORALL，並使用 utPLSQL 進行測試。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eLakshmi 會撰寫正確且高效能的 PL\/SQL：套件、游標和參照游標、BULK COLLECT 和 FORALL 批次繫結、集合、自訂例外、繫結變數安全的動態 SQL、分析函數，以及 utPLSQL 測試。她偏好集合導向的 SQL，並避免逐列處理。請務必在非正式環境的結構描述中進行開發與測試、使用繫結變數，並在正式環境部署前驗證效能。\u003c\/p\u003e\n \u003cdiv style=\"background: #F7ECEA; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C74634; 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(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; 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(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eBULK COLLECT 和 FORALL 批次繫結（LIMIT 和 SAVE EXCEPTIONS）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(199,70,52,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e自訂例外、繫結變數安全的動態 SQL、分析函數\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:#C74634; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e效能最佳化（SQL 優於 PL\/SQL、執行計畫、索引）與 utPLSQL 測試\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📄 lakshmi-oracle-plsql-developer.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 #C74634; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C74634; 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 或系統提示中 → 描述您的需求 → Lakshmi 便會建立答案。內含完整實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58299195556104,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/lakshmi-oracle-plsql-developer-book.jpg?v=1787158717"},{"product_id":"hiro-workday-studio-developer","title":"Hiro - Workday Studio 開發人員 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將 Hiro 加入 Claude，即可獲得一位資深 Workday Studio 開發者，使用 MVEL 和 XSLT 建立複雜的協調流程、呼叫網路服務，並處理錯誤與重試。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eHiro 可建立 Workday Studio 整合：畫布與元件、訊息內容與 MVEL 運算式、XSLT\/XTT 轉換、呼叫 Workday Web Services (WWS，例如 Get_Workers) 和外部 REST\/SOAP 端點、內容步驟與迴圈、拆分\/合併與彙總、錯誤處理與重試，以及部署。請務必在 Sandbox 或 Implementation 租戶中進行建置與測試，並在移至 Production 前透過變更控管流程遷移。\u003c\/p\u003e\n \u003cdiv style=\"background: #ECEBFA; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5A4FCF; 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(90,79,207,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5A4FCF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eStudio 畫布、元件與訊息內容 (MVEL)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(90,79,207,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5A4FCF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eXSLT\/XTT 轉換與 Workday Web Services (WWS)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(90,79,207,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5A4FCF; 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:#5A4FCF; 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📄 hiro-workday-studio-developer.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 #5A4FCF; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5A4FCF; 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 中 → 描述您的需求 → Hiro 建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58299553415432,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/hiro-workday-studio-developer-book.jpg?v=1787171014"},{"product_id":"kwame-workday-extend-developer","title":"Kwame - Workday Extend 開發人員 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將 Kwame 加入 Claude，即可取得一位資深 Workday Extend 開發人員，使用自訂物件、PMD 頁面與可呼叫 Workday API 的協調流程來建置應用程式，並妥善確保安全性。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eKwame 可建立 Workday Extend 應用程式：應用程式模型、自訂物件與業務物件、頁面模型定義（PMD）與呈現、協調流程與步驟類型、呼叫 Workday 公開 REST API 和外部端點、應用程式安全性與安全性網域，以及跨租戶部署。務必在沙箱或實作租戶中建置並測試，並在正式環境前透過變更管控遷移應用程式。\u003c\/p\u003e\n \u003cdiv style=\"background: #ECEBFA; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #5A4FCF; 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(90,79,207,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5A4FCF; 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(90,79,207,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5A4FCF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e頁面模型定義（PMD）與呈現\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(90,79,207,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#5A4FCF; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e協調流程、步驟類型與 Workday REST API 呼叫\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:#5A4FCF; 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📄 kwame-workday-extend-developer.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 #5A4FCF; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#5A4FCF; 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 → 描述您的需求 → Kwame 建立答案。內含完整實作範例，讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58299579531528,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/kwame-workday-extend-developer-book.jpg?v=1787171013"},{"product_id":"tobias-bi-developer","title":"Tobias - BI 開發人員 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將 Tobias 放入 Claude，即可獲得一位資深 BI 開發人員，能建置星型結構的 Power BI 模型、撰寫正確的 DAX，並透過資料列層級安全性保護報表。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eTobias 會在 Power BI 上建置 BI（同時了解 Tableau 與 Looker）：星型結構語意模型、DAX（篩選內容與資料列內容、CALCULATE、時間智慧）、Power Query (M) 轉換、關聯性與基數、資料列層級安全性、VertiPaq 效能調校，以及清晰的報表設計。始終以開發資料集為基礎進行建置，根據已知總計驗證度量值、建立報表版本，並在發佈至正式環境前進行審查。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8EAF4; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #C13AAE; 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(193,58,174,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C13AAE; 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(193,58,174,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C13AAE; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDAX：篩選內容與資料列內容、CALCULATE、時間智慧\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(193,58,174,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#C13AAE; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003ePower Query (M) 轉換\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:#C13AAE; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e資料列層級安全性與 VertiPaq 效能調校\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📄 tobias-bi-developer.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 #C13AAE; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#C13AAE; 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 → 描述您的需求 → Tobias 會建立答案。內含完整的實作範例，讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58300417376520,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/tobias-bi-developer-book.jpg?v=1787064991"},{"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":"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":"liesel-mulesoft-integration-developer","title":"Liesel - MuleSoft 開發人員 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將 Liesel 加入 Claude，即可獲得一位資深 MuleSoft 整合開發人員，以受治理、可重複使用的 API 導向層取代錯綜複雜的點對點腳本。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eLiesel 涵蓋 API 導向連線設計、Mule 流程與連接器設定、DataWeave 轉換、錯誤處理、API Manager 政策以及 CloudHub 部署。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F8E9; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPI 導向連線設計（系統、流程、體驗 API）\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eDataWeave 轉換與 Mule 流程設定\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; 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:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eAPI Manager 政策與 CloudHub 部署規劃\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📄 liesel-mulesoft-integration-developer.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 #24A82F; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#24A82F; 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 中 → 描述您的需求 → Liesel 便會建立答案。包含完整的實作範例，讓您確切了解您會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58326955393288,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/liesel-mulesoft-integration-developer-book.jpg?v=1787164973"},{"product_id":"radek-uipath-rpa-developer","title":"Radek - UiPath RPA 開發人員 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將 Radek 加入 Claude，即可獲得一位資深 UiPath RPA 開發人員；他會在確認流程是否值得建立機器人之前，拒絕直接動手建立。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eRadek 涵蓋可行性評估、REFramework 工作流程設計、以選取器為基礎的 UI 自動化、例外處理、Orchestrator 部署與機器人監控。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F8E9; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eREFramework 與狀態機工作流程設計\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e以選取器為基礎的 UI 自動化，適用於沒有 API 的舊版系統\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:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003eOrchestrator 部署、佇列與例外處理\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📄 radek-uipath-rpa-developer.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 #24A82F; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#24A82F; 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 中 → 描述您的需求 → Radek 會建立答案。包含完整的實作範例，讓您確切了解會獲得什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58326955557128,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/radek-uipath-rpa-developer-book.jpg?v=1787164971"},{"product_id":"bellamy-retool-internal-tools-developer","title":"Bellamy - Retool 開發人員 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將 Bellamy 加入 Claude，即可獲得一位資深 Retool 內部工具開發人員，在幾天內而非幾個開發週期，快速為營運、支援與銷售團隊建構連接資料庫的管理面板。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eBellamy 涵蓋資源連接、查詢設計、CRUD UI 建構、權限與 RBAC、敏感操作防護措施、稽核記錄，以及建置與試算表之間的範疇評估。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F8E9; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e在 Postgres、MySQL、REST 或 GraphQL 上連接資源並建構 CRUD UI\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; 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:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e誠實的範疇評估：Retool 應用程式，還是只需要一份試算表\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📄 bellamy-retool-internal-tools-developer.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 #24A82F; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#24A82F; 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 中 → 描述您的需求 → Bellamy 建立答案。包含完整的實作範例，讓您確切了解成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58326955622664,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/bellamy-retool-internal-tools-developer-book.jpg?v=1787164971"},{"product_id":"quintus-n8n-workflow-automation-engineer","title":"Quintus - n8n 開發人員 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將 Quintus 放入 Claude，即可獲得一位資深 n8n 工作流程自動化工程師，在開源且可自架的中間地帶上建構方案，介於用完即丟的無程式碼工具與重量級企業整合平台之間。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eQuintus 涵蓋工作流程設計、自訂 Code 節點、憑證與連線管理、自架部署、Webhook 與排程觸發程序，以及錯誤工作流程模式。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F8E9; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; 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(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e用於實作無程式碼工具無法表達之邏輯的自訂 JavaScript Code 節點\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(36,168,47,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A82F; 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:#24A82F; 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📄 quintus-n8n-workflow-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 #24A82F; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#24A82F; 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 中 → 描述您的需求 → Quintus 建立答案。包含完整的實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58326955655432,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/quintus-n8n-workflow-automation-engineer-book.jpg?v=1787164971"},{"product_id":"joaquin-mql-ea-developer","title":"Joaquin - MQL5 專家顧問開發者 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將 Joaquin 加入 Claude，即可獲得一位資深 MQL Expert Advisor 開發者：會完全按照規格撰寫規則，然後誠實告訴您回測結果在哪些地方欺騙了您。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eJoaquin 涵蓋 MQL4\/MQL5 策略轉換、風險與持倉量計算程式碼、策略測試器回測與走勢前驗證、避免過度擬合的最佳化、多時間框架邏輯，以及實盤交易強化。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8F4E7; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A88924; 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(168,137,36,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A88924; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e將主觀交易規則轉化為精確且可編寫程式的 MQL4\/MQL5 進場與出場邏輯\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,137,36,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A88924; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e每個 EA 都配備停損、持倉量上限及每日最大虧損斷路器\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli style=\"font-size: 13px; padding: 7px 0; border-bottom: 1px solid rgba(168,137,36,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A88924; 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:#A88924; 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📄 joaquin-mql-ea-developer.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 #A88924; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A88924; 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 → 描述您的需求 → Joaquin 便會建立答案。包含完整的實作範例，讓您清楚了解實際成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58326987931912,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/joaquin-mql-ea-developer-book.jpg?v=1787153670"},{"product_id":"marlowe-algo-trading-developer","title":"Marlowe - 演算法交易開發者 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將 Marlowe 放入 Claude，即可獲得一位資深演算法交易開發者，安全地將 Python 策略連接至 Interactive Brokers，並讓其在無人值守的情況下持續運行。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eMarlowe 涵蓋 TWS\/Gateway 連線與驗證、訂單路由與執行邏輯、持倉核對、錯誤與斷線處理、紙上交易至實盤的安全閘門，以及無人值守程序的營運日誌記錄。\u003c\/p\u003e\n \u003cdiv style=\"background: #F8F4E7; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #A88924; 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(168,137,36,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A88924; 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(168,137,36,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A88924; 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(168,137,36,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#A88924; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e每次啟動時都會根據 IBKR 回報的狀態重新核對持倉，而不是直接假設狀態正確\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:#A88924; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e具備停機開關與結構化日誌記錄，因此凌晨 3 點發生斷線時，僅憑日誌就能診斷問題\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📄 marlowe-algo-trading-developer.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 #A88924; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#A88924; 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 → 描述您的需求 → Marlowe 就會建立答案。包含完整的實作範例，讓您確切了解會得到什麼。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58326990291208,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/marlowe-algo-trading-developer-book.jpg?v=1787153671"},{"product_id":"bettina-e-learning-developer","title":"Bettina - 電子學習開發人員 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將 Bettina 加入 Claude，即可獲得一位打造真正互動式練習、而非裝飾效果的資深電子學習開發人員。\u003c\/p\u003e\n \u003cp style=\"font-size: 13px; color: #555550; line-height: 1.7; margin: 0 0 28px 0;\"\u003eBettina 會建立分支情境、知識檢核與模擬，封裝 SCORM\/xAPI 內容，排除 LMS 相容性問題，並檢查電子學習的無障礙合規性。\u003c\/p\u003e\n \u003cdiv style=\"background: #E7F8F5; border-radius: 12px; padding: 24px 28px; margin-bottom: 24px;\"\u003e\n \u003cp style=\"font-size: 10px; font-weight: 600; color: #24A88E; 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(36,168,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A88E; 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(36,168,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A88E; 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(36,168,142,0.14); display: flex; gap: 10px;\"\u003e\n\u003cspan style=\"color:#24A88E; font-weight:600;\"\u003e→\u003c\/span\u003e\u003cspan\u003e在上線前而非上線後，找出 SCORM\/xAPI 封裝與 LMS 相容性問題\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:#24A88E; 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📄 bettina-e-learning-developer.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 #24A88E; padding-left:16px;\"\u003e\n \u003cp style=\"font-size:10px; font-weight:600; color:#24A88E; 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 中 → 描述您的需求 → Bettina 會建立答案。包含完整的實作範例，讓您確切了解最終成果。\u003c\/p\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58329447170312,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/bettina-e-learning-developer-book.jpg?v=1787139872"},{"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":"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":"ansgar-servicenow-app-engine-studio-developer","title":"Ansgar - ServiceNow App Engine Studio 開發人員 AI Skill","description":"\u003ch2\u003e高階 ServiceNow App Engine Studio 開發者，先設計資料模型與存取模型，再依此建置應用程式。\u003c\/h2\u003e\n\u003cp\u003eAnsgar 涵蓋完整的 App Engine Studio 建置範圍：低程式碼自訂應用程式設計、資料模型與資料表設計決策（延伸平台資料表或建立新資料表）、UI Builder 頁面與工作區設定、Flow Designer 自動化、自訂應用程式的 ACL 與以角色為基礎的存取設計，以及 App Engine Studio 治理，包括應用程式核准、ATF 測試與限定範圍應用程式發布。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e使用 ServiceNow 的開發者與 App Engine Studio 建置者，負責交付限定範圍的自訂應用程式，從單一資料表的請求追蹤器，到包含十多個角色的多資料表應用程式皆適用。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n      \u003cli\u003e根據實際繼承適配性，決定延伸現有資料表或建立新資料表的資料模型\u003c\/li\u003e\n      \u003cli\u003e將 ACL 與以角色為基礎的存取設計對應至實際的存取政策\u003c\/li\u003e\n      \u003cli\u003e依目標使用者角色設計相應的 UI Builder 工作區／入口網站\u003c\/li\u003e\n      \u003cli\u003e將 Flow Designer 自動化記錄為具名的業務步驟\u003c\/li\u003e\n      \u003cli\u003e應用程式核准、ATF 測試涵蓋率，以及 Store／內部發布治理\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Ansgar 的 SKILL.md 貼入 Claude Project Instructions（或任何 AI system prompt），然後描述你的 ServiceNow App Engine Studio Developer 問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。不到 2 分鐘即可完成安裝。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58330286162184,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ansgar-servicenow-app-engine-studio-developer-book.jpg?v=1787161714"},{"product_id":"signe-looker-lookml-embedded-analytics-specialist","title":"Signe - Looker 開發人員 AI Skill","description":"\u003ch2\u003e資深 Looker 與 LookML \/ 嵌入式分析專家，將每個資料列層級存取篩選器視為安全邊界，而非便利篩選器。\u003c\/h2\u003e\n\u003cp\u003eSigne 涵蓋完整的 LookML 與嵌入式分析範疇：Explore、View 與衍生資料表建模；語意層設計，確保指標在每個儀表板中的含義一致；面向客戶的儀表板嵌入式分析建置；資料列層級存取篩選器與使用者屬性；以及 Looker 效能調校（持久化衍生資料表、彙總感知、查詢快取）。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e負責執行嵌入式、面向客戶儀表板的 Looker 管理員與分析工程師，需要針對即時儀表板驗證語意層、存取篩選器或效能修正，而不只是檢視 LookML 程式碼。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n      \u003cli\u003e在第二次定義指標前，先整合為單一的標準 LookML 指標定義\u003c\/li\u003e\n      \u003cli\u003e在新增 Explore 聯結前，使用對稱彙總或預先彙總的衍生資料表檢查聯結扇出\u003c\/li\u003e\n      \u003cli\u003e透過模擬實際受限制的使用者屬性來測試資料列層級存取篩選器，而不只是進行程式碼審查\u003c\/li\u003e\n      \u003cli\u003e根據每個面向客戶的介面，決定簽署嵌入或 SSO 嵌入方式，以及工作階段到期處理方式\u003c\/li\u003e\n      \u003cli\u003e讓 PDT 觸發條件與快取策略符合實際資料新鮮度需求，並根據產生的 SQL 進行驗證\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Signe 的 SKILL.md 貼到您的 Claude 專案指示（或任何 AI 系統 prompt）中，然後描述您的 Looker 與 LookML 嵌入式分析專家問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58331106967816,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/signe-lookml-book.jpg?v=1787065047"},{"product_id":"konstantin-outsystems-enterprise-low-code-developer-ai-skill","title":"Konstantin - OutSystems 開發人員 AI Skill","description":"\u003ch2\u003e防止 OutSystems 產品組合悄悄變成難以維護的單體系統。\u003c\/h2\u003e\n\u003cp\u003eKonstantin 是 OutSystems 企業級低程式碼開發人員，採用與手寫企業系統相同的架構紀律來使用低程式碼平台。他會在動手修改前先繪製目前的模組相依性圖，套用 OutSystems 四層架構模型（終端使用者、核心業務、程式庫、基礎層），在提出新結構前先找出重複的業務邏輯，並優先從查詢而非 UI 著手診斷畫面載入緩慢的問題。他會將外部 REST 和 SOAP 的使用封裝在基礎層模組後方，並透過實際的回歸測試與回復計畫來治理開發、QA 和正式環境的發布流程。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e管理不斷成長之 OutSystems 產品組合的 OutSystems 架構師、技術主管和平台負責人，需要一次就正確完成模組結構、效能修正、整合封裝或治理工作。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e針對現有 OutSystems 產品組合，繪製已指派層級與相依方向的模組架構提案。\u003c\/li\u003e\n  \u003cli\u003e找出重複的業務邏輯，並將其導入共用的核心業務程式庫或 UI 程式庫，而不是任由多份副本逐漸偏離。\u003c\/li\u003e\n  \u003cli\u003e透過先檢查底層 Aggregate 或查詢來診斷畫面載入緩慢的問題，然後將篩選條件下推至伺服器端並重寫查詢。\u003c\/li\u003e\n  \u003cli\u003e將外部 REST\/SOAP 的使用封裝在基礎層模組中，並為其制定專屬的逾時、重試與錯誤處理政策。\u003c\/li\u003e\n  \u003cli\u003e建立發布流程治理檢查清單，讓模組能從開發環境推進至 QA 環境，再推進至正式環境，並明確列出回復計畫。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Konstantin 的 SKILL.md 貼入 Claude 專案指示（或任何 AI prompt），然後描述你的 OutSystems 架構或效能問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。不到 2 分鐘即可完成安裝。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342205391112,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/konstantin-outsystems-enterprise-low-code-book.jpg?v=1787172510"},{"product_id":"rasmus-mendix-low-code-application-developer-ai-skill","title":"Rasmus - Mendix 開發人員 AI Skill","description":"\u003ch2\u003e先建立領域模型，這樣微流程、行動應用程式和部署管線之後就不必重新建置。\u003c\/h2\u003e\n\u003cp\u003eRasmus 是資深 Mendix 低程式碼應用程式開發人員，將領域模型視為其他一切建置工作的基礎。他會根據資料實際運作的方式來建模實體與關聯，依據邏輯需要在哪裡執行，而不是憑習慣決定使用微流程還是奈米流程；只有在呼叫端能夠承受等待時，才讓微流程保持同步執行；並且從第一天起就將多體驗（網頁加原生行動裝置）應用程式架構成單一模型，而不是事後再勉強加入行動功能。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e設計領域模型、決定使用微流程還是奈米流程邏輯、建置多體驗應用程式、評估 App Store 模組，或設定 Mendix Cloud 部署管線的 Mendix 開發人員與應用程式架構師。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e設計實體與關聯結構，審慎決定多重性與擁有權，而不是任由模型設計工具保留預設值。\u003c\/li\u003e\n  \u003cli\u003e根據邏輯需要在哪裡執行來決定使用微流程還是奈米流程，並標示同步點擊路徑中的逾時風險。\u003c\/li\u003e\n  \u003cli\u003e將多體驗應用程式架構成一個共用的領域模型與邏輯層，從一開始就同時支援網頁與原生行動裝置。\u003c\/li\u003e\n  \u003cli\u003e評估 Mendix App Store 模組，根據自行建置與整合的決策，而不是反射性地重複使用。\u003c\/li\u003e\n  \u003cli\u003e建立跨越 Mendix Cloud 開發、測試、驗收與正式環境的環境提升檢查清單。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Rasmus 的 SKILL.md 貼到您的 Claude 專案指示（或任何 AI 系統提示）中，然後描述您的 Mendix 應用程式開發問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342205522184,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/rasmus-mendix-low-code-application-developer-book.jpg?v=1787172510"},{"product_id":"petronella-bubble-no-code-web-app-developer-ai-skill","title":"Petronella - Bubble 開發人員 AI Skill","description":"\u003ch2\u003e打造客戶真正會使用的應用程式，創辦人也能實際推出，從第一天就納入真正的資料庫設計與效能限制。\u003c\/h2\u003e\n\u003cp\u003ePetronella 是一位資深 Bubble 開發者，專門在 Bubble.io 中打造真正面向客戶的網頁應用程式，採用單人創辦人將產品逐步發展為完整 SaaS 產品的方式。她會根據真實的實體與關係建模資料，而不是使用一個包羅萬象的單一類型；將工作流程邏輯整理至自訂事件中，而不是複製貼上按鈕工作流程；將重複的 UI 模式轉換為可重複使用的元素；並在資料流層級串接 Stripe 與其他第三方整合，包括錯誤狀態的處理。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e使用 Bubble 建立 MVP 或逐步成長中的 SaaS 產品的單人創辦人與非工程師；他們需要以真正應用程式的標準處理資料模型、工作流程、響應式設計、整合與效能，而不是只打造原型。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e為不同實體設計不同的資料類型，搭配關係欄位，而不是將無關欄位全部塞進同一種類型。\u003c\/li\u003e\n  \u003cli\u003e將工作流程邏輯整理至自訂事件與可重複使用的工作流程，在大量擴張前先消除複製貼上的近似工作流程。\u003c\/li\u003e\n  \u003cli\u003e將重複的 UI 模式轉換為帶有輸入參數的可重複使用元素，讓設計變更只需進行一次，而不是逐頁修改。\u003c\/li\u003e\n  \u003cli\u003e在資料流層級規劃第三方整合（Stripe、電子郵件服務供應商、自訂 API），包括失敗時的處理方式。\u003c\/li\u003e\n  \u003cli\u003e指出哪個特定功能正接近 Bubble 的實際效能上限，並誠實說明遷移路徑。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Petronella 的 SKILL.md 貼到你的 Claude 專案指示（或任何 AI prompt）中，接著描述你的 Bubble 應用程式問題。可搭配 Claude、ChatGPT 及任何 AI 聊天工具使用。不到 2 分鐘即可完成安裝。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342205751560,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/petronella-bubble-no-code-web-app-developer-book.jpg?v=1787172510"},{"product_id":"sindri-airtable-systems-automation-builder-ai-skill","title":"Sindri - Airtable 開發人員 AI Skill","description":"\u003ch2\u003e將 Airtable 基礎視為小型關聯式資料庫，而不是一個更花俏、卻在不知不覺間變得脆弱的試算表。\u003c\/h2\u003e\n\u003cp\u003eSindri 是一名資深 Airtable 系統與自動化建構專家，會在建立任何資料表前先釐清現實世界中的實體，透過連結資料而非在每一列重複輸入資料，並根據使用者設計檢視，而不是製作一個擁擠的主檢視。他會先充分運用 Airtable 原生自動化功能與公式，再考慮使用 Zapier、Make 或腳本，並明確指出基礎何時已超出 Airtable 的適用範圍，避免演變成正式環境中的緊急事故。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e需要重新設計關聯式基礎、依角色區分的檢視、原生自動化邏輯，或希望誠實評估其基礎是否接近擴充限制的營運經理、RevOps 團隊與 Airtable 負責人。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e將現實世界中的實體（客戶、專案、發票）對應至彼此連結的資料表，而不是在每一列重新輸入客戶名稱。\u003c\/li\u003e\n  \u003cli\u003e設計依角色區分的檢視與 Interface Designer 頁面，讓業務代表和營運經理不必再瞇著眼看同一個擁擠的主檢視。\u003c\/li\u003e\n  \u003cli\u003e優先建立原生 Airtable 自動化、公式與彙總欄位，再考慮使用 Zapier 或 Make 等外部工具。\u003c\/li\u003e\n  \u003cli\u003e記錄任何外部整合所依賴的欄位名稱與記錄 ID，避免重新命名後在無聲無息間導致整合失效。\u003c\/li\u003e\n  \u003cli\u003e明確指出基礎已超出 Airtable 適用範圍的具體跡象（記錄數量、自動化執行次數限制），並制定主動式遷移計畫。\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003e使用方式\u003c\/h3\u003e\n\u003cp\u003e將 Sindri 的 SKILL.md 貼到 Claude 專案指示（或任何 AI 系統 prompt）中，然後描述你的 Airtable 基礎或自動化問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342205849864,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/sindri-airtable-systems-automation-builder-book.jpg?v=1787172509"},{"product_id":"balthasar-workato-tray-enterprise-ipaas-specialist-ai-skill","title":"Balthasar - Workato 開發人員 AI Skill","description":"\u003ch2\u003e讓業務使用者安全地建立跨部門自動化，避免十個部門最後各自堆出三百個未記錄的配方。\u003c\/h2\u003e\n\u003cp\u003eBalthasar 是資深的 Workato\/Tray Enterprise iPaaS 專家，在建立任何步驟之前，會先界定工作流程涉及的所有部門；設計配方時會優先考慮邊界情況（重複資料、部分記錄、重試、速率限制），而不只是順利運作的理想流程；並在連接器上線前，確認每個目標系統實際採用的比對邏輯。他會在擴展前建立公民開發者治理機制，以書面記錄每個欄位對應，並持續追蹤採用率與投資報酬率。\u003c\/p\u003e\n\u003ch3\u003e適用對象\u003c\/h3\u003e\n\u003cp\u003e負責在 Salesforce、NetSuite、Workday 及類似系統之間執行跨部門自動化的平台負責人與公民開發者；他們需要的是治理、連接器設定，以及誠實的投資報酬率追蹤，而不只是能運作的示範。\u003c\/p\u003e\n\u003ch3\u003e主要能力\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e在設計跨部門配方前，先標示各部門負責哪些系統、欄位與下游流程。\u003c\/li\u003e\n  \u003cli\u003e列出邊界情況（重複觸發、部分記錄、速率限制、重試的 webhook），並為每種情況建立明確的處理方式。\u003c\/li\u003e\n  \u003cli\u003e在連接器上線前，確認每個目標系統的比對與身分識別邏輯，避免系統在無聲無息中產生重複資料。\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將 Balthasar 的 SKILL.md 貼到 Claude Project Instructions（或任何 AI system prompt）中，接著描述你的 Workato 或 Tray iPaaS 問題。適用於 Claude、ChatGPT 及任何 AI 聊天工具。安裝時間不到 2 分鐘。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58342206374152,"sku":null,"price":29.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/balthasar-workato-tray-enterprise-ipaas-book.jpg?v=1787172509"},{"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"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/collections\/software-developer-skills.jpg?v=1787736723","url":"https:\/\/kissmyskills.com\/zh\/collections\/software-developer-skills.oembed?page=4","provider":"KissMySkills","version":"1.0","type":"link"}