{
  "brand": "The Logic Blocks / 李瑞 Ray Li",
  "count": 14,
  "cases": [
    {
      "id": "stanley-steakhouse",
      "title": "美式牛排餐飲品牌｜熟度視覺化與互動訂位官網",
      "eyebrow": "餐飲品牌 ｜ 互動式形象官網",
      "subtitle": "以 Next.js SSG 打造極致載入速度的餐飲形象站，整合互動式牛排熟度切換、牛排部位解構 (Anatomy) 與線上訂位引導。",
      "role": "Frontend Lead ｜ Interactive UI Architect",
      "type": "client",
      "status": "Live",
      "period": "2026.05 - 至今",
      "href": "/cases/stanley-steakhouse",
      "metrics": [
        {
          "label": "頁面載入速度",
          "value": "極速載入",
          "detail": "Next.js SSG + 全球 CDN 圖片邊緣快取"
        },
        {
          "label": "熟度切換體驗",
          "value": "零延遲",
          "detail": "純前端即時狀態管理，流暢切換 3 種熟度視覺"
        },
        {
          "label": "訂位動線指引",
          "value": "直達 CTA",
          "detail": "清晰的餐點視覺與一鍵訂位轉化閉環"
        }
      ],
      "evidence": [
        {
          "label": "Live Prototype",
          "title": "實機操作錄影 Demo",
          "body": "已將熟度切換與部位解構的實機操作錄影內嵌於本案例中供即時檢視。"
        },
        {
          "label": "Performance",
          "title": "Lighthouse 效能導向架構",
          "body": "高畫質美食圖片經現代 WebP/AVIF 壓縮與邊緣加速，兼具頂級畫質與極速載入。"
        },
        {
          "label": "Anonymization",
          "title": "嚴格遵守保密規範",
          "body": "已全面去除特定商標識別，僅展示前端互動工程架構與使用者體驗設計。"
        }
      ],
      "capabilities": [
        {
          "title": "前端互動工程",
          "points": [
            "Next.js SSG 靜態預渲染",
            "熟度動態狀態機",
            "WebP/AVIF 極速圖片管線",
            "手機端 44px 觸控友善"
          ]
        },
        {
          "title": "品牌體驗設計",
          "points": [
            "沉浸式深色奢華美學",
            "食材特色解構",
            "菜單資訊層次清晰",
            "一鍵線上訂位動線"
          ]
        },
        {
          "title": "轉換與導流",
          "points": [
            "CTA 高對比設計",
            "分店資訊整合",
            "預約點擊事件追蹤",
            "SEO 地區關鍵字佈局"
          ]
        }
      ]
    },
    {
      "id": "island-universe-family-office",
      "title": "跨國資產管理與家族辦公室｜高階財富治理官方形象站",
      "eyebrow": "專業金融 ｜ 家族辦公室形象官網",
      "subtitle": "為跨國家族辦公室打造兼具極致隱私、跨國稅務架構解構與合規治理的高階官方形象入口。",
      "role": "Brand Web Architect ｜ Security & Compliance",
      "type": "client",
      "status": "Live",
      "period": "2026.05 - 至今",
      "href": "/cases/island-universe-family-office",
      "metrics": [
        {
          "label": "品牌信任質感",
          "value": "高階金融",
          "detail": "沉穩克制的排版語彙，符合高淨值客群信任標準"
        },
        {
          "label": "服務範疇解構",
          "value": "7 大領域",
          "detail": "稅務、信託、傳承、投資、法遵、治理與慈善"
        },
        {
          "label": "隱私與合規",
          "value": "100% NDA",
          "detail": "嚴格遵守個資與金融資訊隔離標準"
        }
      ],
      "evidence": [
        {
          "label": "Live Prototype",
          "title": "實機操作錄影 Demo",
          "body": "已將家族辦公室全站瀏覽與服務範疇探索的實機錄影內嵌於本案例中供查驗。"
        },
        {
          "label": "Compliance First",
          "title": "去識別化與合規防護",
          "body": "客戶名稱、家族成員與具體資產數據全面去識別化，嚴格遵守金融商業機密邊界。"
        }
      ],
      "capabilities": [
        {
          "title": "高階品牌建置",
          "points": [
            "Next.js 16 現代架構",
            "極簡金融奢華排版",
            "全球 CDN 邊緣防護",
            "多語系擴充支援架構"
          ]
        },
        {
          "title": "專業知識結構化",
          "points": [
            "七大治理範疇視覺化",
            "跨境傳承流程圖",
            "專業觀點 (Insights) 專區",
            "合規法遵資訊架構"
          ]
        },
        {
          "title": "高淨值客戶轉換",
          "points": [
            "私密 1:1 預約表單",
            "專屬顧問對接動線",
            "零第三方資料外洩",
            "嚴格 NDA 隱私保障"
          ]
        }
      ]
    },
    {
      "id": "website-first-prototype",
      "title": "Website-First 現代品牌形象官網與一站式落地頁",
      "eyebrow": "Website First ｜ 品牌形象網站實例",
      "subtitle": "以 Next.js 16 SSG 打造極速載入的現代品牌入口，內建 SEO + GEO / AEO 語意結構與 GA4 成效監測。",
      "role": "Website Architect ｜ Frontend Lead",
      "type": "self-initiated",
      "status": "Live",
      "period": "2026.05 - 至今",
      "href": "/cases/website-first-prototype",
      "metrics": [
        {
          "label": "載入效能 (LCP)",
          "value": "極速響應",
          "detail": "Next.js SSG + 全球 CDN 邊緣加速，以效能預算為標準"
        },
        {
          "label": "AI 語意結構 (GEO)",
          "value": "全站覆蓋",
          "detail": "結構化 JSON-LD + llms.txt 建立可被 AI 檢索的語意標準"
        },
        {
          "label": "主力推薦方案",
          "value": "NT$55,000",
          "detail": "5-8 頁完整形象站 ＋ GA4/GSC 數據監測 ＋ 首 3 個月成效日報"
        }
      ],
      "evidence": [
        {
          "label": "Live Prototype v4",
          "title": "Website-first 旗艦互動原型 (v4)",
          "body": "已將團隊打造的第四版高擬真原型（包含 Build Log 驗證、55K 主推階梯與兩大入口導向）完整上線。",
          "href": "/prototype-v4/index.html"
        },
        {
          "label": "Pricing & Plans",
          "title": "官網建置方案透明公開（NT$55,000 主推）",
          "body": "提供啟動版 NT$25,000、主力方案 NT$55,000 與旗艦整合版 NT$128,000 的清晰級距對比。",
          "href": "/website-dashboard"
        },
        {
          "label": "Technical Specs",
          "title": "現代前端與邊緣雲端技術棧",
          "body": "基於 TypeScript + Tailwind CSS + Cloudflare Workers，具備極高安全標準與近乎零維護伺服器成本。",
          "href": "/developers"
        }
      ],
      "capabilities": [
        {
          "title": "現代網站工程",
          "points": [
            "Next.js 16 SSG",
            "TypeScript + Tailwind CSS",
            "Cloudflare 全球邊緣託管",
            "效能預算與流暢體驗"
          ]
        },
        {
          "title": "AEO / GEO 內容架構",
          "points": [
            "Schema.org 結構化資料",
            "llms.txt 機器索引",
            "Answer-First 內容排版",
            "AI 搜尋引用最佳化"
          ]
        },
        {
          "title": "數據與轉換追蹤",
          "points": [
            "Google Analytics 4 埋點",
            "Search Console 搜尋詞追蹤",
            "首 3 個月每日監測日報",
            "LINE OA 諮詢無縫導流"
          ]
        }
      ]
    },
    {
      "id": "inquiry-automation",
      "title": "自動化詢價漏斗",
      "eyebrow": "Key Experience 02",
      "subtitle": "把 LINE 詢價、資料收集、報價判斷與後續追蹤串成一條可監控的自動化流程。",
      "role": "自動化技術顧問",
      "type": "client",
      "status": "Active",
      "period": "2026.02 - 至今",
      "href": "/cases/inquiry-automation",
      "metrics": [
        {
          "label": "單件詢價作業",
          "value": "大幅精簡",
          "detail": "人工手動整理改為流程自動處理"
        },
        {
          "label": "主要工具",
          "value": "n8n + LINE",
          "detail": "串接 Google Drive / Sheets 作為資料層"
        },
        {
          "label": "核心價值",
          "value": "每單省 1 hr",
          "detail": "讓老闆不再手動複製、判斷、追蹤"
        }
      ],
      "evidence": [
        {
          "label": "Website PRD",
          "title": "官網定位明確寫入 LINE OA x n8n x Google Drive",
          "body": "個人品牌官網的核心技術棧已經定位為 LINE OA、n8n、Google Drive，這就是詢價漏斗的底層組合。",
          "href": "/services"
        },
        {
          "label": "Service Copy",
          "title": "服務頁已承接 AI 工作流與自動化系統敘事",
          "body": "既有網站已經不是單純履歷，而是以可交付的獲客官網、智能客服與流程整合呈現 AI 落地能力。",
          "href": "/services"
        },
        {
          "label": "Blog Proof",
          "title": "內容系統已有 n8n、LINE OA、報價自動化主題",
          "body": "部落格內容可作為教育型證據，說明 Ray 不只會做，也能把流程拆成可學習的方法。",
          "href": "/blog/freelance-admin-automation-guide"
        }
      ],
      "capabilities": [
        {
          "title": "流程顧問能力",
          "points": [
            "拆解客戶詢價 SOP",
            "定義哪些步驟可自動化",
            "保留需要真人判斷的節點"
          ]
        },
        {
          "title": "自動化架構能力",
          "points": [
            "Webhook 觸發",
            "條件分支",
            "資料寫入",
            "通知與追蹤"
          ]
        },
        {
          "title": "商務落地能力",
          "points": [
            "用既有工具降低導入阻力",
            "讓客戶看得懂流程狀態",
            "用節省時間衡量價值"
          ]
        }
      ]
    },
    {
      "id": "agent-driven-development",
      "title": "代理人驅動開發與 Agent Skills 導入",
      "eyebrow": "Key Experience 03",
      "subtitle": "用 Claude Code、Codex 與 Agent Skills，把模糊需求轉成 PRD、技術藍圖與可交付任務。",
      "role": "AI 解決方案架構師",
      "type": "self-initiated",
      "status": "Active",
      "period": "2026.01 - 至今",
      "href": "/cases/agent-driven-development",
      "metrics": [
        {
          "label": "開發週期",
          "value": "-70%",
          "detail": "需求拆解與規格產出前移"
        },
        {
          "label": "核心方法",
          "value": "Agent-Led",
          "detail": "需求訪談、PRD、Sprint、實作分工"
        },
        {
          "label": "能力證據",
          "value": "Skills System",
          "detail": "用可複用工作手冊管理專業能力"
        }
      ],
      "evidence": [
        {
          "label": "Operating System",
          "title": "AI 幕僚與 Skills 目錄",
          "body": "Obsidian 內已建立幕僚角色、技術架構、Sprint、n8n、Obsidian CLI 等 Skills 分工，是 Agent-Led 工作方式的實際操作骨架.",
          "href": "/blog/multi-client-management-system"
        },
        {
          "label": "Public Content",
          "title": "Claude Code + Cowork 實戰內容",
          "body": "網站已有深度文章說明如何用 Claude Code / Cowork 管理一人公司，能作為公開可讀的能力說明。",
          "href": "/blog/claude-code-cowork-productivity-guide"
        },
        {
          "label": "Product Proof",
          "title": "獲客系統與個人品牌網站都是用 Agent 工作流推進",
          "body": "從 PRD、內容、MDX、部署到自動化流程，已形成可複製的開發與發布模式。",
          "href": "/blog/ai-architect-value-positioning"
        }
      ],
      "capabilities": [
        {
          "title": "需求到規格",
          "points": [
            "把模糊需求變 PRD",
            "拆出 MVP / Sprint",
            "整理商業邏輯與限制"
          ]
        },
        {
          "title": "規格到產品",
          "points": [
            "Next.js / FastAPI 類產品規劃",
            "資料模型與 API 邊界",
            "用 Agent 協作完成實作"
          ]
        },
        {
          "title": "角色化工作流",
          "points": [
            "幕僚角色分工",
            "Skills 文件化",
            "讓 AI 可以穩定接手重複任務"
          ]
        }
      ]
    },
    {
      "id": "backend-leadership",
      "title": "後端技術組長與 MNC 跨國協作",
      "eyebrow": "Key Experience 04",
      "subtitle": "以 Java / Spring Boot / PostgreSQL 為底，處理後台系統、API 串接、跨國溝通與工程團隊交付。",
      "role": "後端技術組長 / Backend Lead",
      "type": "internal-fde",
      "status": "Live",
      "period": "2021.11 - 2025.04",
      "href": "/cases/backend-leadership",
      "metrics": [
        {
          "label": "團隊管理",
          "value": "3 engineers",
          "detail": "帶領 3 位全端工程師拆解與交付"
        },
        {
          "label": "需求交付",
          "value": "50 / 70",
          "detail": "3 個月內開發、測試、上線 50 個需求"
        },
        {
          "label": "技術底層",
          "value": "Java Stack",
          "detail": "Spring MVC / Boot、PostgreSQL、Linux、API"
        }
      ],
      "evidence": [
        {
          "label": "Technical Base",
          "title": "Java / Spring MVC / Spring Boot / PostgreSQL",
          "body": "具備後端工程底層訓練，知道 API、資料庫、服務端狀態、非同步處理與 Linux 運維的實務語言。"
        },
        {
          "label": "Delivery Record",
          "title": "70 個需求重新拆解，50 個 3 個月內上線",
          "body": "不是只寫功能，而是把混亂需求拆成可以開發、測試、驗收與上線的工程節奏。"
        },
        {
          "label": "MNC Collaboration",
          "title": "英文會議與跨國前後端協作",
          "body": "在 PM 與後端技術之間扮演橋接角色，協助國外前端工程師理解 API 與頁面串接邏輯。"
        }
      ],
      "capabilities": [
        {
          "title": "後端工程",
          "points": [
            "Java / Spring MVC / Spring Boot",
            "API 設計與串接",
            "非同步處理與 WebSocket"
          ]
        },
        {
          "title": "資料與穩定性",
          "points": [
            "PostgreSQL",
            "客戶資訊追蹤",
            "Linux 與服務端運作觀念"
          ]
        },
        {
          "title": "跨國協作與領導",
          "points": [
            "英文會議對接",
            "PM / 後端邏輯橋接",
            "帶 3 位全端工程師交付"
          ]
        }
      ]
    },
    {
      "id": "enterprise-cti-automation",
      "title": "企業通話與 CRM 流程整合｜匿名交付案例",
      "eyebrow": "匿名交付案例｜公開細節受保密協議限制",
      "subtitle": "在不公開客戶名稱、供應商、模型與架構細節的前提下，整理一個企業通話流程由人工整理轉為可追蹤、可交接的公開版摘要。",
      "role": "Forward Deployed Engineer ｜ AI Workflow Implementation",
      "type": "client",
      "status": "Live",
      "period": "客戶專案｜時間與階段細節不公開",
      "href": "/cases/enterprise-cti-automation",
      "metrics": [
        {
          "label": "專案狀態",
          "value": "已完成一階段交付",
          "detail": "公開版不揭露驗收細節"
        },
        {
          "label": "核心流程",
          "value": "通話、紀錄與 CRM 串接",
          "detail": "依客戶環境客製"
        },
        {
          "label": "交付範圍",
          "value": "建置、驗收與交接",
          "detail": "後續擴充不列入公開內容"
        }
      ],
      "evidence": [
        {
          "label": "匿名化公開",
          "title": "客戶與系統識別細節不在公開頁面呈現",
          "body": "客戶名稱、產業細節、供應商、模型、區域、時間線與成本數字，依保密協議不公開。"
        },
        {
          "label": "交付能力",
          "title": "從需求拆解到正式環境交付",
          "body": "具備需求盤點、系統整合、流程驗證、正式環境驗收與文件交接的端到端交付能力；實際範圍依合約與授權為準。"
        },
        {
          "label": "安全邊界",
          "title": "公開頁面只保留方法與能力摘要",
          "body": "不提供可反推出客戶的流程截圖、帳號、識別欄位、供應商組合或專案細節。"
        }
      ],
      "capabilities": [
        {
          "title": "電話系統整合",
          "points": [
            "事件觸發與權限盤點",
            "通話資料流設計",
            "既有 CRM 串接",
            "例外路徑與人工介入"
          ]
        },
        {
          "title": "AI 工作流建置",
          "points": [
            "語音／文字處理流程",
            "結構化輸出規格",
            "提示與品質驗證",
            "紀錄回寫與追蹤"
          ]
        },
        {
          "title": "FDE 端到端 ownership",
          "points": [
            "需求拆解與架構驗證",
            "正式部署與驗收文件",
            "操作手冊與所有權交接",
            "依 NDA 管理公開資訊"
          ]
        }
      ]
    },
    {
      "id": "internal-fde-ai-ops",
      "title": "AI 顧問公司｜內部 FDE 駐點全景圖",
      "eyebrow": "FDE Case 02 ｜ 企業內部 AI 體系建置（總覽）",
      "subtitle": "以內部 FDE 身份駐點某台灣企業 AI 顧問公司，重新拼接「策略 → 系統 → 內容 → 交接」四層 AI 營運能力。本頁是總覽，三個子案場深入頁見下方連結。",
      "role": "Internal FDE ｜ AI Operations Architect",
      "type": "internal-fde",
      "status": "Active",
      "period": "2026.03 - 至今（持續駐點）",
      "href": "/cases/internal-fde-ai-ops",
      "metrics": [
        {
          "label": "SEO/GEO 文章流水線",
          "value": "6 → 15 篇",
          "detail": "建立從關鍵字研究 → 撰寫 → 發布 → 監測的端到端流程"
        },
        {
          "label": "業務 AI Skills",
          "value": "3 套已部署",
          "detail": "讓非工程業務同事用 Claude 完成日常重複工作"
        },
        {
          "label": "招募數位化",
          "value": "紙本 → 系統",
          "detail": "招募流程拆解、Lark 表單、AI 評分自動化"
        }
      ],
      "evidence": [
        {
          "label": "Public Site",
          "title": "客戶官網部落格已上線（網址不公開）",
          "body": "由 Ray 主導的 SEO/GEO 內容流水線，每篇文章從關鍵字研究到發布走標準化流程，目前已有六篇對外文章，目標 15 篇。"
        },
        {
          "label": "Internal Systems",
          "title": "招募數位化 + 業務 Skills 系統",
          "body": "建立 Lark CLI 架構、n8n × Lark Bitable 整合、Claude Remote POC、業務 AI 工具使用者手冊（v1）等內部營運基礎。"
        },
        {
          "label": "Knowledge Transfer",
          "title": "社群交接包 + 客戶品牌聖經",
          "body": "把社群執行流程系統化交接給內部新進社群執行，包含品牌聖經、Canva 模板、SOP 與第一批貼文文案。"
        }
      ],
      "capabilities": [
        {
          "title": "SEO/GEO 內容工程",
          "points": [
            "六脈神劍關鍵字策略",
            "AI 文章流水線設計",
            "AI Overview 引用優化",
            "schema / llms.txt 配置"
          ]
        },
        {
          "title": "內部營運自動化",
          "points": [
            "Lark Bitable + n8n 整合",
            "招募流程系統化",
            "業務 Skills 設計",
            "Claude Code Remote POC"
          ]
        },
        {
          "title": "組織能力交接",
          "points": [
            "品牌聖經文件化",
            "社群 SOP / 模板",
            "內訓 PPT 架構",
            "供應商管理（GEO 海外夥伴）"
          ]
        }
      ]
    },
    {
      "id": "seo-geo-content-pipeline",
      "title": "SEO / GEO 內容流水線｜從關鍵字到 AI 引用率追蹤",
      "eyebrow": "FDE Case 02-A ｜ SEO/GEO 內容工程",
      "subtitle": "把六脈神劍關鍵字研究、AI 文章撰寫、社群貼文生成串成一條三步驟流水線（半自動 → n8n 全自動），目標讓 Google AI Overview、ChatGPT、Perplexity 引用客戶品牌。",
      "role": "Internal FDE ｜ SEO/GEO Engineer",
      "type": "internal-fde",
      "status": "Active",
      "period": "2026.03 - 至今",
      "href": "/cases/seo-geo-content-pipeline",
      "metrics": [
        {
          "label": "Pipeline 三步驟",
          "value": "Brief → 全文 → 社群",
          "detail": "Claude API 串成 step1/step2/step3，~1500 字 + 5 種社群版本一鍵產出"
        },
        {
          "label": "已上線文章",
          "value": "6 → 目標 15 篇",
          "detail": "每篇都有 E-E-A-T 結構與 GEO 定義段落"
        },
        {
          "label": "AI 引用率",
          "value": "持續監測中",
          "detail": "GEO 細分詞清單對應 AI Overview / Perplexity 引用追蹤"
        }
      ],
      "evidence": [
        {
          "label": "Tooling",
          "title": "run_pipeline.py 一鍵跑完三步驟",
          "body": "config.py 內品牌設定 + 驗證通過的關鍵字；step1/step2/step3 三支腳本可獨立執行或 chain，單篇產製成本極低。"
        },
        {
          "label": "Keyword Research",
          "title": "24 個長尾候選詞（六脈神劍）",
          "body": "從『生成式AI / AI應用 / 企業AI / AI自動化 / AI轉型 / AI顧問』六大種子詞展開，標註 informational / commercial 意圖。"
        },
        {
          "label": "GEO Layer",
          "title": "GEO 細分詞 + 引用率追蹤",
          "body": "另外建立 GEO 細分詞清單，追蹤這些詞在 ChatGPT / Perplexity / Google AI Overview 的引用情況。"
        }
      ],
      "capabilities": [
        {
          "title": "內容工程",
          "points": [
            "六脈神劍關鍵字策略",
            "E-E-A-T 文章結構",
            "GEO 定義段落設計",
            "Frontmatter / Schema 配置"
          ]
        },
        {
          "title": "流程自動化",
          "points": [
            "Python pipeline 串接",
            "n8n × Anthropic 工作流",
            "SerpAPI 趨勢驗收",
            "GitHub × Vercel 自動部署"
          ]
        },
        {
          "title": "成效監測",
          "points": [
            "AI 引用率追蹤",
            "GSC 排名監測",
            "Buffer 社群排程",
            "LINE 通知"
          ]
        }
      ]
    },
    {
      "id": "recruitment-digital-transformation",
      "title": "從 4 天衝刺到 Multi-tenant 招募 SaaS｜獨立子網域、AI 4 軸評分、A4 列印手卡",
      "eyebrow": "FDE Case 02-B ｜ Multi-tenant 招募 SaaS",
      "subtitle": "從一場 4 天衝刺開始，演化成擁有獨立 GitHub repo 與專屬子網域、Multi-tenant 架構（organizations × campaigns × RLS）的招募管理 SaaS。公開端是 5 步驟 Wizard + 海報 + A4 紙本；後台端是 AI 4 軸排序儀表板 + 接洽漏斗 + 跨場次比較 + 列印手卡。",
      "role": "Internal FDE ｜ Recruitment SaaS Architect & Developer",
      "type": "internal-fde",
      "status": "Active",
      "period": "2026.05 - 至今（持續迭代）",
      "href": "/cases/recruitment-digital-transformation",
      "metrics": [
        {
          "label": "從衝刺到 SaaS",
          "value": "4 天 → 持續迭代",
          "detail": "從首場招募會 MVP 演化為 Multi-tenant 架構，可服務多個 organization / campaign"
        },
        {
          "label": "AI 輔助初評",
          "value": "IP / 導師 / 交付 / 動機",
          "detail": "Gemini 2.5 Flash + 7 個 few-shot calibration + HARDLINE 規則，由團隊複核決策"
        },
        {
          "label": "資料建檔",
          "value": "提交即進系統",
          "detail": "減少紙本與試算表間的逐筆轉錄，集中管理後續接洽"
        }
      ],
      "evidence": [
        {
          "label": "Deployment Status",
          "title": "已部署於客戶專屬子網域並持續迭代",
          "body": "目前案例資料記載系統已部署於客戶專屬子網域並持續迭代；尚未取得可公開、可獨立核驗的部署與驗收紀錄。"
        },
        {
          "label": "Multi-tenant Schema",
          "title": "organizations × campaigns × RLS 隔離",
          "body": "Day 1 就 multi-tenant：organizations + campaigns + applicants + contact_logs，全部以 org_id 做 Row-Level Security 隔離。Service-role + RLS bypass 處理匿名表單投遞。"
        },
        {
          "label": "OCR & Legacy Import",
          "title": "Gemini Vision OCR 紙本表單 fallback",
          "body": "紙本表單填完掃描 → Gemini Vision OCR → 自動 merge 進既有應徵者；4/11 招募會 legacy 名單也透過 OCR + AI 重新評分一次納入系統。"
        }
      ],
      "capabilities": [
        {
          "title": "Full-stack 開發",
          "points": [
            "Next.js 16 App Router + RSC",
            "Server Actions",
            "Supabase + RLS",
            "shadcn + base-ui + Tailwind 4"
          ]
        },
        {
          "title": "AI 系統設計",
          "points": [
            "4 軸評分 prompt",
            "Few-shot calibration",
            "HARDLINE 規則",
            "Gemini Vision OCR"
          ]
        },
        {
          "title": "Production Operation",
          "points": [
            "匿名化介面與流程證據",
            "Custom SMTP 突破 rate limit",
            "Multi-tenant 安全隔離",
            "持續迭代部署"
          ]
        }
      ]
    },
    {
      "id": "business-ai-skills-internal-training",
      "title": "業務 AI Skills 內訓｜非工程同事也能用 Claude 跑業務工作流",
      "eyebrow": "FDE Case 02-C ｜ 業務 AI Skills 設計",
      "subtitle": "替客戶業務團隊設計 3 套 Claude Skills，把「通話前查客戶 / 商諮前研究 / 商諮後轉報告」三個高頻重複任務變成可觸發、可重用、可移交的工作技能。",
      "role": "Internal FDE ｜ AI Skills Architect & Trainer",
      "type": "internal-fde",
      "status": "Live",
      "period": "2026.04 - 2026.05",
      "href": "/cases/business-ai-skills-internal-training",
      "metrics": [
        {
          "label": "Skills 部署",
          "value": "3 套上線",
          "detail": "pre-call-research / pre-consultation-research / transcript-to-strategy-report"
        },
        {
          "label": "輸出產物",
          "value": "6 分頁 Excel / DOCX / PPTX",
          "detail": "結構化、可直接拿給客戶看，不再人工整理"
        },
        {
          "label": "使用門檻",
          "value": "非工程業務同事",
          "detail": "用觸發關鍵字就能跑，不需要懂 prompt engineering"
        }
      ],
      "evidence": [
        {
          "label": "Live Skills Portal",
          "title": "線上工作手冊與導航入口",
          "body": "已將企業內部 AI 工作流整理為公開視覺化工作手冊，供業務與團隊即時查閱與使用。",
          "href": "https://skills.yotron-ai.com/"
        },
        {
          "label": "Skill System",
          "title": "client-skills/sales/ 三個獨立 Skill",
          "body": "每個 Skill 有明確觸發關鍵字、輸入格式、輸出結構。可被 Claude Code / 內訓使用者觸發。"
        },
        {
          "label": "Output Quality",
          "title": "Excel 統一色系 + DOCX 字級規範",
          "body": "Excel：DARK_NAVY / TEAL / MINT / AMBER / PURPLE 五色系統；DOCX：title 52pt / sectionHead 32pt / body 22pt 統一規範。"
        },
        {
          "label": "Knowledge Transfer",
          "title": "業務 AI 工具使用者手冊 v1 + 內訓 PPT",
          "body": "把 Skills 文件化為非工程業務同事也能用的 SOP，FDE 駐點期結束後也能持續使用。"
        }
      ],
      "capabilities": [
        {
          "title": "Skill 設計",
          "points": [
            "觸發關鍵字定義",
            "輸入格式規格",
            "三層搜尋策略",
            "結構化輸出 schema"
          ]
        },
        {
          "title": "Document Generation",
          "points": [
            "Node.js docx.js",
            "openpyxl Excel",
            "python-pptx 圖塊取代 Emoji",
            "色系常數統一"
          ]
        },
        {
          "title": "組織賦能",
          "points": [
            "業務 AI 工具手冊 v1",
            "內訓 PPT 架構",
            "新進業務快速上手",
            "FDE 移交後可持續使用"
          ]
        }
      ]
    },
    {
      "id": "brand-social-os",
      "title": "Brand Social OS",
      "eyebrow": "自研系統 ｜ Internal PoC",
      "subtitle": "把品牌知識、內容草稿、Threads 主題海巡與人工審核串成可追蹤的社群工作流；AI 起草，真人審核與手動發佈。",
      "role": "HITL ｜ 真人手動發佈",
      "type": "self-initiated",
      "status": "Internal PoC",
      "period": "2026.07 – 驗證中",
      "href": "/cases/brand-social-os",
      "metrics": [
        {
          "label": "公開狀態",
          "value": "Internal PoC",
          "detail": "完整流程仍在本地驗證，尚未開啟自動發佈"
        },
        {
          "label": "執行模式",
          "value": "HITL",
          "detail": "品牌基準、逐篇草稿、候選與回文都保留真人審核"
        },
        {
          "label": "對外動作",
          "value": "Manual publish",
          "detail": "發文與回文均由真人決定並手動完成"
        }
      ],
      "evidence": [
        {
          "label": "Local Workflow",
          "title": "品牌檔案包與草稿審核流程已建立",
          "body": "本地已有品牌母檔、日更草稿模板與人工 checkbox 審稿流程，且留下實際草稿紀錄；公開頁只呈現抽象結構，不展示母檔正文或未公開內容。"
        },
        {
          "label": "Read-only Discovery",
          "title": "SCOUT+ 已有小量實跑紀錄",
          "body": "只讀搜尋、候選評分、回文草稿與報表流程已有質性驗證；首輪校準排除關鍵字誤命中的業配與同業，不公開第三方帳號或 URL。"
        },
        {
          "label": "PoC Findings",
          "title": "實跑暴露人工狀態同步缺口",
          "body": "流程曾因瀏覽器未就緒中止，也曾因人工發文後未回填狀態而無法判定下一步；因此維持 Internal PoC，不包裝成穩定商用成果。"
        }
      ],
      "capabilities": [
        {
          "title": "品牌知識治理",
          "points": [
            "品牌檔案包與權威順位",
            "母檔核准後才供下游使用",
            "草稿保留規則來源與商業意圖"
          ]
        },
        {
          "title": "HITL 狀態設計",
          "points": [
            "品牌基準核准",
            "內容逐篇審核",
            "候選與回文審核",
            "核准與手動發佈分開記錄"
          ]
        },
        {
          "title": "安全邊界",
          "points": [
            "公開內容只讀搜尋",
            "低頻執行與異常即停",
            "零自動按讚、追蹤、發文或回文",
            "FULL 模式維持鎖定"
          ]
        }
      ]
    },
    {
      "id": "paperclip-social-pipeline",
      "title": "設計自媒體 AI 內容生產線",
      "eyebrow": "Side Project ｜ AI Agent 自媒體",
      "subtitle": "以 Paperclip open-source agent 框架為核心，把選題研究、文案生成、圖片排版、自動發文串成一條可監控的生產流水線。",
      "role": "Pipeline 設計師 ／ AI Agent 架構",
      "type": "self-initiated",
      "status": "Internal PoC",
      "period": "2025.Q4 – 2026.Q2",
      "href": "/cases/paperclip-social-pipeline",
      "metrics": [
        {
          "label": "人工介入點",
          "value": "1 個",
          "detail": "每次只需審核「選題」一個 Gate，其餘全自動"
        },
        {
          "label": "端到端自動化",
          "value": "選題 → 發文",
          "detail": "研究 → 文案 → 視覺設計 → 排程發文，全流水線串通"
        },
        {
          "label": "每週省下工時",
          "value": "12+ hrs",
          "detail": "對比人工選題、撰文、作圖、排程的全程工時"
        }
      ],
      "evidence": [
        {
          "label": "Open Source",
          "title": "基於 Paperclip Agent 框架建置",
          "body": "Paperclip 是 open-source AI agent 協作框架，支援多 Agent 分工、Issue-based 狀態管理與 human-in-the-loop gate，是本 pipeline 的作業系統。"
        },
        {
          "label": "Safety Design",
          "title": "backlog Gate — 唯一人工審核節點",
          "body": "下游 issue 以 status=backlog 建立，只有人工審核通過後才 dispatch 實作者 Agent，防止選歪主題浪費 AI 額度。"
        },
        {
          "label": "Brand Integrity",
          "title": "後製腳本疊圖，100% 還原品牌 Logo",
          "body": "AI 生成圖片先預留 Logo zone，後製腳本精準疊加 Logo，對比 AI 直接生成 Logo 更穩定，不會變形或位置漂移。"
        }
      ],
      "capabilities": [
        {
          "title": "Multi-Agent 系統設計",
          "points": [
            "Agent 角色與分工定義",
            "Issue-based 狀態機設計",
            "human-in-the-loop gate 實作",
            "防重複觸發機制"
          ]
        },
        {
          "title": "AI 內容工程",
          "points": [
            "品牌語氣 Prompt 調校",
            "多平台文案版本生成",
            "AI 圖片生成指令設計",
            "後製腳本整合"
          ]
        },
        {
          "title": "流程可觀測性",
          "points": [
            "Issue 狀態追蹤",
            "Pipeline 執行紀錄",
            "發文 ID 回傳與監控",
            "人工 Gate 審核流程"
          ]
        }
      ]
    },
    {
      "id": "reels-tracker-dashboard",
      "title": "多平台短影音成效追蹤儀表板",
      "eyebrow": "客戶案例 ｜ 數據分析工具",
      "subtitle": "整合 Instagram、Facebook、TikTok 三大平台 API 數據，讓自媒體創作者告別手工截圖統計，以數據驅動內容決策。",
      "role": "Full-Stack 工程師 ／ 數據系統設計",
      "type": "client",
      "status": "Live",
      "period": "2026.Q2",
      "href": "/cases/reels-tracker-dashboard",
      "metrics": [
        {
          "label": "整合平台數",
          "value": "3 個",
          "detail": "IG / FB / TikTok 統一介面查詢"
        },
        {
          "label": "數據同步頻率",
          "value": "每日自動",
          "detail": "不需手動截圖或複製貼上"
        },
        {
          "label": "每週節省統計時間",
          "value": "6 hrs",
          "detail": "對比人工逐平台記錄成效的工時"
        }
      ],
      "evidence": [
        {
          "label": "Tech Stack",
          "title": "Next.js 14 + Prisma + PostgreSQL + Recharts",
          "body": "以 Next.js 14 App Router 為前後端框架，Prisma 管理多平台數據 schema，Recharts 渲染成效圖表，完整 full-stack 產品。"
        },
        {
          "label": "Multi-platform",
          "title": "統一 API 抽象層",
          "body": "各平台 API 差異封裝在抽象層後面，前端只看統一格式的成效物件，日後新增平台不需大改前端邏輯。"
        },
        {
          "label": "Client Delivery",
          "title": "部署上線，客戶自行操作",
          "body": "系統部署完成並交付給創作者日常使用，不需要技術背景也能看懂儀表板，自行追蹤各平台成效。"
        }
      ],
      "capabilities": [
        {
          "title": "Full-stack 開發",
          "points": [
            "Next.js 14 App Router",
            "Prisma ORM",
            "PostgreSQL",
            "RESTful API 設計"
          ]
        },
        {
          "title": "數據視覺化",
          "points": [
            "Recharts 互動圖表",
            "多平台數據整合",
            "趨勢分析",
            "跨平台橫向比較"
          ]
        },
        {
          "title": "社群 API 整合",
          "points": [
            "Instagram Graph API",
            "Facebook API",
            "TikTok for Developers",
            "OAuth 認證流程"
          ]
        }
      ]
    }
  ]
}