/* global React, ReactDOM */ const { useState, useEffect } = React; const PALETTES = { paper: { name: "和紙 / Paper", bg: "#f4efe6", bg2: "#ebe4d6", ink: "#15140f", ink2: "#2a2820", muted: "#6b6657", rule: "#15140f", accent: "#c1322d", accentInk: "#fdfbf6" }, ink: { name: "墨 / Ink", bg: "#0e0e0c", bg2: "#181815", ink: "#f1ece0", ink2: "#cfc8b6", muted: "#7a7466", rule: "#3a382f", accent: "#e8b14a", accentInk: "#0e0e0c" }, jade: { name: "青磁 / Jade", bg: "#eef2ec", bg2: "#e2e8df", ink: "#0f1a17", ink2: "#23332e", muted: "#5e6e69", rule: "#0f1a17", accent: "#1f5d4c", accentInk: "#eef2ec" } }; const TYPE_FAMILIES = { serif: { display: "'Noto Serif TC', 'Source Han Serif', Georgia, serif", body: "'Inter', 'Noto Sans TC', system-ui, sans-serif", mono: "'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace" }, sans: { display: "'Inter Tight', 'Noto Sans TC', system-ui, sans-serif", body: "'Inter', 'Noto Sans TC', system-ui, sans-serif", mono: "'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace" }, mixed: { display: "'Fraunces', 'Noto Serif TC', Georgia, serif", body: "'Inter', 'Noto Sans TC', system-ui, sans-serif", mono: "'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace" } }; function Stamp({ children, palette }) { return ( {children}); } function SectionTag({ num, label, palette }) { return (
{num} {label}
); } function CornerTicks({ palette }) { const tick = { position: "absolute", width: 10, height: 10, borderColor: palette.rule, borderStyle: "solid" }; return ( <> ); } function Nav({ palette }) { return ( ); } const TICKETS = [ { id: "01", title: "客服 RAG 上線", meta: "shipped", state: "done", tag: "support" }, { id: "02", title: "報價單 AI 萃取", meta: "3.2h", state: "active", tag: "ops" }, { id: "03", title: "業務 CRM 自動填寫", meta: "82%", state: "active", tag: "sales" }, { id: "04", title: "ERP × LLM 中介層", meta: "in progress", state: "active", tag: "infra" }, { id: "05", title: "Eval harness v2", meta: "queued", state: "queued", tag: "qa" }, { id: "06", title: "週度交付報告", meta: "Fri", state: "scheduled", tag: "ops" }]; function ExecutionPanel({ palette }) { const [tick, setTick] = useState(0); useEffect(() => { const id = setInterval(() => setTick((t) => t + 1), 1400); return () => clearInterval(id); }, []); const activeIdx = tick % TICKETS.length; return (
fde-ai://execution live
cycle · week 19 · shipping hours used 41 / est 56
); } function Hero({ palette }) { return (
按時計費 無長期綁約 全球企業專注 AI · Automation · Data

把 AI 真正
用進業務裡。
不只是 demo,而是
落地的工程交付。

FDE AI 事務所為全球企業提供按時計費的 AI 工程能力——免去全職雇用的成本與等待。從導入 LLM 到流程自動化、從資料整理到內部 AI 工具,把「AI 應該怎麼用」變成可衡量的成果。

預約 30 分鐘討論 → 查看服務範圍
{Array(3).fill(0).map((_, i) =>  ◇  LLM 導入  ◇  RAG & Knowledge  ◇  流程自動化  ◇  Internal Tools  ◇  資料管線  ◇  Vendor Triage  ◇  Eval & Guardrails  ◇  Prompt Ops  ◇  CRM × AI  ◇   )}
); } const SERVICES = [ { no: "01", kicker: "Adopt", titleZh: "AI 落地導入", titleEn: "AI Adoption", body: "從 LLM 選型、RAG 架構到第一個能在公司日常用的 AI 流程,協助企業跨過「PoC 永遠停在 demo」的階段。", bullets: ["LLM / Vendor 選型", "RAG & 知識庫", "首個生產級用例"] }, { no: "02", kicker: "Automate", titleZh: "流程自動化", titleEn: "Automation", body: "把 ERP、CRM、客服、報價、報表之間的重複操作自動化,讓人專注在判斷,把搬資料的事交給 AI Agent。", bullets: ["客服 / 售後 Agent", "報價 · 對單自動化", "內部後台工具"] }, { no: "03", kicker: "Integrate", titleZh: "資料與整合交付", titleEn: "Data & Integration", body: "為 AI 鋪好資料地基:資料管線、API、第三方串接、評估與 Guardrails——務實、夠用、能維運。", bullets: ["資料管線 & ETL", "API & Webhooks", "Eval / Guardrails"] }]; function Services({ palette }) { return (

為企業而生的
按時計費 AI 工程服務。

我們不接整季承包,不推大型改造,也不賣只能跑一次的 demo。只專注在一週內能被看見、能被衡量、能持續運轉的 AI 交付。

{SERVICES.map((s, i) =>
{s.no} / {s.kicker} ↗

{s.titleZh}

{s.titleEn}

{s.body}

    {s.bullets.map((b) =>
  • ＋ {b}
    • )}
)}
); } const STEPS = [ { no: "STEP 01", titleZh: "探索", titleEn: "Discovery", body: "了解業務痛點、現有系統與資料、AI 可介入的位置,判斷是否真的是我們能解、值得解的問題。" }, { no: "STEP 02", titleZh: "時數估算", titleEn: "Scoping", body: "以小時為單位估算工作量,提出一份透明、可對照的執行計畫——不跳數字、不藏假設。" }, { no: "STEP 03", titleZh: "執行", titleEn: "Build", body: "短週期交付,每週看到實際運作的版本——不是只有週報,是真的能在公司內被使用。" }, { no: "STEP 04", titleZh: "移交", titleEn: "Handover", body: "留下文件、評估腳本與下一步建議,必要時提供後續維運,讓你的團隊能完整接手。" }]; function Process({ palette }) { return (

一個短、透明、可驗收
的合作循環。

{STEPS.map((s, i) =>
{String(i + 1).padStart(2, "0")} {s.no}

{s.titleZh}

{s.titleEn}

{s.body}

{i < STEPS.length - 1 && → }
)}
); } const POINTS = [ { big: "0→1", titleZh: "天數,而非季度", titleEn: "Days, not quarters", body: "把積壓的 AI 想法從 backlog 推到 shipped,以天為單位移動——不是排進下一個 OKR 才開工。" }, { big: "24h", titleZh: "一日內回覆計畫", titleEn: "Plan within 24h", body: "告訴我們最卡的一兩件事,24 小時內提出可執行的時數方案——不畫大餅、不發樣板提案。" }, { big: "1:1", titleZh: "商業優先", titleEn: "Outcome-first", body: "每一小時都對應到投資回報、風險降低或營運影響——我們不為了用 AI 而用 AI。" }]; function Why({ palette }) { return (

用 更少的承諾 ,
換更高的執行確定性。

你不需要多聘一位 AI 工程師,也不需要等三個月的招募循環,更不需要簽一份綁三年的顧問合約。你只需要有人把事情做完。

{POINTS.map((p, i) =>
{p.big}

{p.titleZh}

{p.titleEn}

{p.body}

)}
); } const FAQ = [ { q: "合作的最小規模是多少?", a: "通常從 10 小時起,適合一次性的修復或小型自動化;若是 RAG、Agent 或整合交付,多半落在 40–120 小時的區間。無最低月費、無長期綁約。" }, { q: "你們在哪些技術堆疊上工作?", a: "主流 AI / Web / 雲端技術:OpenAI、Anthropic、Gemini、本地 LLM;Python、TypeScript、Postgres、pgvector;AWS / GCP / Azure;以及常見 SaaS 的 API(HubSpot、Salesforce、LINE、SAP、Notion、Zapier)。不熟的技術會在探索階段直接告訴你。" }, { q: "資料安全與合規呢?", a: "可簽署客戶 NDA 或採用我們的標準版本;憑證以最小權限授權,專案結束後清除。如有個資法、金管會或客戶內部資安要求,請在探索階段告知,我們可協助規劃地端、私有雲或 Azure OpenAI / Bedrock 等部署方式。" }, { q: "時數如何追蹤與回報?", a: "每週提供時數明細與對應交付項目,任何異常在超出預估 15% 前會先告知,絕不事後追加費用。" }, { q: "我的公司還沒準備好用 AI,怎麼辦?", a: "這其實是最常見的起點。第一次合作通常會花 5–10 小時,先盤點資料、流程與最值得切入的場景,然後再決定要不要往下走——不會推銷不該做的事。" }, { q: "和傳統顧問或 SI 廠商有什麼不同?", a: "我們不開大型專案、不派 PM 顧問,也不只交一份簡報。是工程師直接對接、按小時收費、按週交可運作版本。適合需要快速看到結果、又不想被綁定的全球企業。" }]; function FaqSection({ palette }) { const [open, setOpen] = useState(0); return (

常見問題。

選擇按時計費的 AI 夥伴前,這些是你該先釐清的事。找不到答案?直接寫信給我們,通常 24 小時內回覆。

    {FAQ.map((item, i) => { const isOpen = i === open; return (

  • {item.a}

    • ); })}
); } function CTA({ palette }) { return (
◇ 開始合作

不想承擔全職 AI 團隊
的成本,又 需要把事做完?

告訴我們你最卡的一到兩件事。我們會在 24 小時內回覆一份按時數計算的行動方案——不需要先簽約。

預約 30 分鐘探索 → 寄信給我們 ↗
); } function Footer({ palette }) { return ( ); } const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "paper", "typography": "serif" } /*EDITMODE-END*/; function App() { const [tweaks, setTweak] = window.useTweaks(TWEAK_DEFAULTS); const palette = PALETTES[tweaks.palette] || PALETTES.paper; const type = TYPE_FAMILIES[tweaks.typography] || TYPE_FAMILIES.serif; useEffect(() => { const r = document.documentElement; r.style.setProperty("--bg", palette.bg); r.style.setProperty("--ink", palette.ink); r.style.setProperty("--display", type.display); r.style.setProperty("--body", type.body); r.style.setProperty("--mono", type.mono); document.body.style.background = palette.bg; document.body.style.color = palette.ink; }, [palette, type]); const TP = window.TweaksPanel; const TS = window.TweakSection; const TR = window.TweakRadio; return ( <>