快速回答:AI 生成的落地頁自帶啞表單:把 action 指到一個託管端點,或讓掛著 MCP 的 Agent 把整條鏈路接好——每一筆提交都會真的落進收件匣。
一種新型「無家可歸的表單」正在批量出現:不是你手寫時忘了接線,而是 Claude、Cursor、Bolt、v0 或 Lovable 替你生成的。頁面一步到位——主視覺、區塊、一張漂亮的採集表單,一鍵部署到 GitHub Pages。然後第一位訪客點了送出,線索就此蒸發。
語言模型精通標記語言,卻不擅長基礎設施:它寫得出 <form>,卻沒有落點,因為訓練資料裡沒有任何東西告訴它你的資料應該去哪裡。解法就是把落點補上——三個層次,從輕改到全權代管。
方案 A:提示詞裡加一句
頁面正在生成?在模型動筆前先把落點給它。把下面這段追加到提示詞(或 Cursor/Claude Code 的專案規則檔):
頁面上所有表單都 POST 到 https://formlm.me/api/v3/share/YOUR_TOKEN/form —— 用原生 HTML form action,一個輸入框一個欄位,欄位名要 可讀、可長期引用。送出後在頁內顯示成功提示。
模型第一遍就產出能用的表單。欄位命名是唯一的手藝:name 屬性會直接變成存下來的欄位,所以要的是你日後想讀的鍵——寫 company_size,別寫 q3。
方案 B:設計不動,只改一個屬性
頁面已經生成好、表單只是擺設?別重做,補一刀就行。原生 POST 零 JavaScript 依賴:
<form action="https://formlm.me/api/v3/share/YOUR_TOKEN/form" method="POST"> <!-- ...模型設計的每個輸入框,原樣不動... --> <input name="page_source" type="hidden" value="pricing-cta"> </form>
隱藏輸入框是補上下文的好幫手,填的正是模型不可能知道的資訊:線索來自哪個按鈕、哪波投放、頁面的哪個版本。更想用 fetch?同一端點接受 JSON,CORS 也開放——把 fetch 寫法遞給 Agent,它會就地置換送出邏輯。
方案 C:讓 Agent 接管整條鏈路
最深的解法,是別再往提示詞裡塞 URL,而是讓 Agent 有本事自己造一個。formlm-cli 可以裝成 MCP 伺服器,接進 Claude Desktop、Cursor、Codex 等客戶端:Agent 建表單、發布、取回端點 URL、嵌進它正在寫的頁面——儲存不再是生成之後你要補的接線,而是 Agent 工具箱裡的又一個工具。完整實作見《在 Claude Desktop 裡搭一份完整測評:MCP 全流程實作》,各平台的設定方法在面向 AI Agent 的 Data API文件裡。
資料取回來
管道通了之後,讀的一側跟任何靜態網站表單是同一套工具:控制台收件匣、/query 翻頁取記錄、/summary 直接拿彙整、一鍵 CSV(迴圈模式在《把表單資料交給程式》裡展開)。AI 時代的隱藏彩蛋是 ?help:在端點後加上它,回傳的就是目前欄位結構的 Markdown——把這一頁直接貼進明天和 Agent 的對話,它就能分析上週的線索,你一個字都不用解釋。又因為沒見過的鍵會自動建欄位,連模型生成中途即興加的欄位也會存下來,而不是丟掉。
"生成模型讓設計變得免費,管線是最後一樣還要花錢的東西。一個 URL 讓管線也免費了——而寫出你頁面的 Agent,恰好就是能把管線接上的那一個。"
🛠️ 把 AI 做的頁面接到真收件匣
本文串聯的每一步,免費起步:
- 一個端點 —— 原生 HTML POST 和 JSON 都收,任意來源,部署前後皆可
- 自動建欄 —— 模型發明什麼欄位就存什麼欄位,沒有遷移步驟
- ?help 自描述 —— 目前欄位清單,Markdown 格式,你和 Agent 都讀得懂
- formlm-cli + MCP —— 讓 Agent 自己發布表單,而不是等你給頁面補線
✅ 重點回顧
- AI 頁面生成器把表單做成道具:標記嫻熟、沒有落點、線索靜默蒸發
- 把落點提示進去(方案 A),或生成後補一個 action(方案 B),都不到一分鐘
- 隱藏輸入框補上模型不可能知道的上下文:投放、按鈕、頁面版本
- 裝了 MCP 伺服器,Agent 就能自己發布端點——接線成為生成的一環
- 沒見過的鍵自動建欄位,模型即興加的欄位照樣入庫
- 同一端點能用 ?help 報出自己的欄位結構——反手交給 Agent 做分析
常見問題
落地頁是 AI 工具生成的,線索怎麼收?
頁面原樣保留,只改一個屬性:把表單的 action 指向託管端點,例如 https://formlm.me/api/v3/share/YOUR_TOKEN/form。提交存到伺服器端,你在收件匣裡翻、匯出 CSV,或直接走 HTTP 查詢。
模型自己發揮出來的欄位名,會有問題嗎?
不會。提交裡沒見過的鍵會自動建欄位,AI 臨時想出來的欄位照樣落成資料。讀取時防禦一點(缺的鍵當 null),在端點後加 ?help 就能隨時取得目前的欄位清單。
能讓 Agent 自己把整條鏈路接好嗎?
能。把 formlm-cli 裝成 MCP 伺服器後,Agent 可以建表單、發布、取回端點 URL,再把它嵌進正在生成的頁面——接線成了生成的一環,而不是生成之後的人工步驟。
還沒部署、在本地開啟的頁面能用嗎?
能。端點就是普通 HTTPS,用 file:// 開啟的本地頁面和原型跟部署後的網站一樣提交——正適合還在反覆修 AI 草稿的階段。CORS 開放,fetch 接線在本地來源同樣工作。
