~/services/ai-native-website.ts
// AI-NATIVE WEBSITE · 主打服務

想改官網?
跟 AI 說一句就好

改一張 banner,寄信給廠商,等一張一兩千的報價單,再等幾個工作天。跑過幾次這個循環,公司裡就沒人提要改網站了,內容停在上線那天,官網從資產變成標本。

AI-Native 網站設計是衝著這個循環來的。它不是在網站右下角掛一個 AI 客服,而是把網站本身做成 AI 能操作的對象。我們交付一套浪花自研的 AI-Native CMS,把網站的 API 與 MCP 打包成你的 AI 能直接使用的 skill,再教你的團隊怎麼指揮它,最後把 GA 與 Search Console 也接進去,讓你的 AI 看得到報表、也動得了網站。

$ cat deliver.ts

我們實際交付什麼

做一個網站給你是基本盤。真正的差別在後面三項:把網站變成你的 AI 能操作的對象,並且確保你的團隊真的會用。

/01

浪花自研的 AI-Native CMS

不是套裝軟體,也不是模板改一改:這套 CMS 是我們自己開發的,從第一行程式就為了「AI 要能操作它」而設計。前端完全客製,後台是中文介面,文章、頁面、分類、表單進件都能自己管;每一頁的 meta 標題、描述、社群分享圖、canonical、要不要被搜尋引擎收錄,控制權完整下放給你。

/02

把網站的 API 與 MCP 打包成 skill

這是關鍵的一步。我們把你網站的操作介面包成 AI 能直接使用的技能包,你的 AI 助理拿到就會用:改靜態頁面、撰寫並發布文章、調整 SEO 欄位。不必寫程式,用講的就行。

/03

教你的團隊怎麼指揮 AI Agent

工具給了還要會用。我們帶著你的團隊實際跑一遍:怎麼描述需求、怎麼審查產出、什麼情況該把它擋下來。這部分是陪著做,不是給一份文件就走,因為看得懂跟會用是兩回事。

/04

串接 GA 與 Search Console

把流量與搜尋數據接進同一套 skill,你的 AI 就能自己查:哪篇文章曝光掉了、哪個關鍵字卡在第二頁、哪一頁曝光高卻沒人點。看完直接動手改,不用你在報表和後台之間來回搬資料。

$ tail -f talk.log

用起來實際長這樣

交付完成之後,管理網站這件事會變成一段對話。以下是典型的一輪:

~/your-site/ai-session
你 ▸ 這個月哪幾篇文章的曝光掉最多?
AI ▸ 查了 Search Console 近 28 天:〈WordPress 效能優化〉曝光少了四成,平均排名從 5.2 掉到 11.3,另外兩篇小幅下滑。
你 ▸ 那篇幫我看一下原因,順便修掉
AI ▸ 該頁沒有 meta description,Google 自己從內文抓了一段不相關的摘要當說明。已補上 meta 標題與描述,並送出重新索引。
你 ▸ 再寫一篇同主題的新文章,排下週二上線
AI ▸ 草稿已產出並存成排程,發布時間下週二 09:00,你審完就會自動上線。

這不是想像出來的情境。浪花科技自己的官網就是這樣運作的:你現在讀的這頁文案、它的 SEO 設定、背後的流量判讀,都是用同一套方法做出來的。我們把自己每天在用的工作方式,原封不動交給客戶。

$ ls entries/

改網站的三個入口,對應三種人

傳統官網只有一條路:找廠商、等報價、等排程。我們把改網站拆成三個入口,你要走哪一條都可以,我們退到顧路的位置,維運、備份、資安和真正的大型新功能才需要我們出場。

入口 /01

中文管理後台

給不寫程式的人

文章、頁面、分類、表單進件都在這裡管。每一頁的 meta 標題、描述、社群分享圖、canonical、要不要被搜尋引擎收錄,控制權完整下放。想調某一頁的搜尋表現,不用開工單,自己動手,馬上生效。

入口 /02

WordPress 相容 API

給內容工具與 AI 代理

內容工具的世界裡 WordPress 是通用語,所以我們讓客製網站講 WordPress 的話。任何能發文到 WordPress 的排程工具、寫作平台或 AI 代理,都能零額外整合直接對接。認證用仿 WordPress 的應用程式密碼,懷疑外洩隨時撤銷,撤銷立即生效。

入口 /03

隔離主機權限

給想自己動手的團隊

開出隔離的協作權限,你直接用 Claude Code 這類 AI 編碼工具改自己的網站:加個欄位、調段版面、寫個新頁面。權限分層、備份可回復,金流與登入這些敏感區塊擋在外面。要不要走這扇門是你的選擇,重點是門在那裡。

以前是「只能找廠商」,現在是「可以找廠商」。一字之差,就是被綁死與否的差別。

$ cat proof.json

已經在跑的案子

兩個實際交付的專案,前端都是完全客製、沒套模板。點進去可以直接看線上成品。

boshanweb.com 開啟 ↗
博山科技官網首頁截圖
金融科技形象官網

博山科技

把量化分析平台、AI 決策模型、風控系統與數據儀表板這些不好講的東西,整理成一般人看得懂的頁面。

資訊密度高的產品最難做:既要專業感,又不能讓人看第一屏就放棄。這案子考的是資訊架構與視覺,不是後台。

客製前端 資訊架構 數據視覺化
pacer.tw 開啟 ↗
陪跑者 PACER官網首頁截圖
AI-Native CMS 完整案例

陪跑者 PACER

文章區的內容由 AI 內容代理透過相容 API 自動發布:寫完、配圖、發文、上分類,整條線不經過人手,行銷同事只負責審稿。

台北的創業顧問團隊。內容行銷是主要獲客管道,內容產線上本來就有 AI 代理,文章卻卡在「要人工貼上網站」這一步。

Laravel 相容 API AI 內容代理 中文後台
// PACER 這案子實際交付的東西
完全客製前端,無模板 中文管理後台 每頁可控的 SEO 欄位 WordPress 相容 API 端點 應用程式密碼認證,可隨時撤銷 隔離主機協作權限
$ cat fit.md

這套做法適合誰,不適合誰

// 符合任兩條就值得評估
  • 內容是你的獲客管道,發文頻率週更以上
  • 團隊有人管行銷,但沒有工程師
  • 已經在用 AI 產內容,卡在「產出來要人工貼上網站」
  • 你就是那個被上一家廠商的報價單和等待天數磨過的人
// 不必勉強

官網一年改不到三次、也沒有內容行銷計畫的,一個做得好的形象網站加一份維護約就夠了,上這套是浪費錢。

評估的時候我們會直說哪一種比較適合你,包含建議你去做WordPress 或單純的形象官網。

// 預算怎麼抓

含客製後台與 API 的官網系統,行情落在十幾萬到幾十萬,變數是頁面規模、後台深度,以及要串的外部系統多寡。想先自己抓範圍,企業網站開發費用全解析把級距拆得很細。

$ cat further-reading.md

延伸閱讀:我們怎麼想這件事

報價之前,先看我們把整個主題拆開來的完整指南:選型邏輯、成本結構、常見的坑,全部攤開來講。

// final.exec()

準備好讓你的網站開始為你工作了嗎?