可承接 Web App 項目

全端開發者，專注 Web App、ERP 與 CRM。

我建立生產級 Web App、ERP 類系統、CRM 流程、文件自動化、互動介面與可靠部署基礎設施。

查看作品查看 GitHub
Web appsUI systemsTypeScriptInteractive 3DMongoDBDockerAI SDKCloudflare Tunnel
24
公開 repos

來自 Coke1120 GitHub profile 的實證

5
開發語言範圍

TS, JS, Python, C, C++

ERP
系統重點

營運 app、報表、權限、即時功能

項目實證

好設計，實用軟件。

網站要吸引目光，產品要讓事情更簡單。探索正式作品與可親自操作的概念項目。

實戰能力

按可交付成果分類的技能。

技術棧很廣，但重點很清晰：客製 AI 產品、內部業務系統、安全資料流程與部署基礎設施。

AI 產品開發

AI 聊天機械人、助手、語音應用、多供應商路由、私有 AI 服務與圖像/影片生成流程。

AI chatbotTTS appSTT appOpenAIAnthropicGLMMoonshot AIQwen圖像/影片 AIIn-house AI server

內部業務系統

ERP 類營運工具、Slack 類內部聊天、CRM 流程、CMS 平台、多語言應用與手機版支援。

ERPCRM內部聊天CMS多語言手機版支援智方便 sandboxMongoDBAbly儀表板

登入、資料與文件

安全登入、權限、OCR 資料抽取、報表、匯出、PDF、試算表、DOCX template、CSV pipeline 與 Adobe 產品工作流程。

登入Auth角色權限Adobe PhotoshopAdobe IllustratorAdobe Premiere ProAdobe After EffectsAdobe AcrobatAdobe InDesignOCR 抽取銀行月結單發票商業合約ExcelJSpdf-lib

部署與營運

從第一原則客製系統，配合雲端部署、財務分析流程、容器、VM、tunnel 與 AWS 服務。

AWS developer財務分析資本結構財務報告DockerVMCloudflare Tunnel不依賴模板

語言範圍

TypeScriptJavaScriptPythonCC++

AI FDE 導入模式

我連接產品、系統與 AI deployment。

AI FDE 的工作，是把 LLM、RAG 與 Agent 系統真正導入企業 workflow。重點不是做漂亮 demo，而是讓 AI 接上資料、工具、審批流程、監控與可衡量成果。

企業為何需要 AI FDE

大部分公司不只需要一次 model call，而是需要有人把 AI 連接到資料、workflow、權限、風險與 ROI。

  • 資料分散在多套系統。
  • 流程包含權限、審批、合規與資安限制。
  • AI 必須接進既有 workflow，而不是放在旁邊。
  • 模型變化很快，需要持續調整。
  • 目標是可衡量的業務成果，不只是 demo。

AI FDE 與 FDE、PM 的分別

傳統 FDE

核心定位
把產品落地到客戶現場，解決導入與系統整合問題。
主要任務
需求收斂、POC、API 串接、客製化部署、上線支援。
技能重點
後端、API、SQL、雲端部署、除錯、系統整合。
關鍵特徵
像技術顧問加工程師，強在 deployment 與 integration。

PM

核心定位
定義產品方向，協調設計、工程與商業團隊。
主要任務
使用者研究、PRD、roadmap、優先排序、驗收、跨團隊協作。
技能重點
需求分析、流程設計、KPI 思維、溝通協調、專案管理。
關鍵特徵
像產品指揮官，強在決策、協調與價值定義。

AI FDE

核心定位
用產品與工程判斷，把 LLM、RAG、Agent 系統導入企業 workflow。
主要任務
找 use case、接企業資料、設計 workflow、建立 eval、持續優化。
技能重點
LLM app、RAG、tool use、agent workflow、API、DB、eval、監控、guardrails。
關鍵特徵
AI 時代的 FDE，重點是穩定上線並產生成果，不只是 demo。

企業 AI 導入流程

由業務目標走到生產 workflow 的實戰路線。

01-08
  1. 01

    企業目標對齊

    確認問題、KPI 與營運目標。

  2. 02

    Use Case 篩選

    找出高價值且風險可控的場景。

  3. 03

    資料與系統盤點

    盤點 ERP、CRM、文件、電郵、API、DB 與權限。

  4. 04

    流程設計

    把 AI 放進真實 workflow，並加入 human-in-the-loop 控制。

  5. 05

    PoC / Prototype

    用企業資料建立 LLM、RAG 或 Agent 原型。

  6. 06

    Eval / Guardrails

    定義品質檢查、審批、合規與風險邊界。

  7. 07

    部署上線

    整合既有系統，讓 AI 進入實際營運流程。

  8. 08

    持續優化

    追蹤 adoption、ROI 與模型變化，持續調整系統。

企業 AI Agent

建立能處理真實營運工作的 Agent 系統。

我協助企業不只做一般 chatbot，而是建立可連接工具、文件、CRM、ERP、客服流程與私有部署要求的 agent stack。

以生產交付為目標

設定會包含實用邊界：credentials、人手審批流程、logs、fallback providers，以及給團隊維護使用的操作說明。

討論 Agent 工作流程
agent-stack --business-ready

Agent stack 設定

圍繞真實業務流程設定 OpenClaw、Hermes-Agent、模型路由、工具、記憶與角色權限。

OpenClawHermes-Agent工具使用記憶權限

業務流程自動化

把 agents 連接到客服、CRM、ERP、文件收件、OCR、email triage 與內部知識搜尋。

客服CRMERPOCR知識搜尋

地區可用性規劃

當某些 AI provider 在指定國家或地區不可用時，設計合規替代方案：地區路由、fallback 模型、自架服務與私有部署。

地區路由Fallback 模型自架私有部署Provider resilience

治理與交接

為生產使用設計審批關卡、audit trail、資料邊界、prompt operations 與團隊 runbook。

人手審批Audit trailRunbook資料控制

互動層

用動態解釋建構，而不只是裝飾。

分層動態效果處理 layout、狀態轉場、hero proof object 與精準 timeline 細節，例如這個程式碼行展示。

build-lab.ts
01
02
03

互動 3D

Hero build reactor、pointer response、reduced-motion fallback

Framer Motion

Section reveal、hover state、card movement、CTA feedback

shadcn/ui

可存取的 button、card、badge、tab 與 dialog

Timeline motion

精準 code-line 與 metric microinteraction

可承接 Web App 項目

有產品流程需要變成真正的 Web App？

把流程、目前瓶頸、需要連接的系統發給我。我可以協助把它變成可用、可維護的 Web 應用。

開始項目查詢
contact --channel=direct
電郵leo@hwl-hk.comGitHubCoke1120LinkedInLeo HoWhatsApp+852 9828 1684