7 句提示詞,把 ERP 的 Excel 變成公司官網——從資料匯入到 SEO Landing Page,全程不寫一行程式碼,38 分鐘帶走一個真的可以上線的網站。
你手上的 Excel,比你想的值錢
每間公司的 ERP 系統裡都躺著一堆 Excel——銷售訂單、採購紀錄、庫存報表、財會數字、製造工單。大部分時候,這些檔案被打開、看過數字、做完報表,然後關掉。
但如果有人告訴你,這些 Excel 裡其實藏著一個完整的公司官網呢?
這篇教學會帶你用 Claude Code,把 5 個 ERP Excel 檔案,經過 7 個步驟,變成一個有 Dashboard、有 AI 分析、有 SEO 的公司官網。每一步只需要貼一句提示詞,上一步的成果會自動帶進下一步。38 分鐘後,你帶走的不是練習檔,是一個真的可以上線的網站。
開始之前:準備你的資料
你需要一個資料夾,裡面放 5 個 Excel 檔案,模擬一間公司的 ERP 資料:
客戶、產品、金額、日期
供應商、料號、金額、交期
應收應付、損益、費用
料號、庫存量、安全庫存
產品、產線、產量、良率
講師會提供模擬資料。如果帶自己公司的資料來做,效果會好非常多——因為生成的網頁上全是你公司真實的數字和品牌。
Step 1|讓 Claude 讀懂你的 ERP
把整個資料夾拖進 Claude Code 的對話視窗,然後貼上第一句話:
資料夾裡的Excel是「XX」公司的ERP資料,請閱讀。
Claude 會自動辨識每一個 Excel 的結構——有幾個欄位、多少筆資料、涵蓋什麼時間區間——然後回報一份摘要。這個動作大概 2 分鐘。
記得把「XX」換成你公司的名字。這不只是標籤,後面每一步生成的網頁都會用到這個品牌名稱。
Step 2|從數字到門面:生成公司介紹網頁
Claude 已經消化完你的 ERP 資料了。現在讓它用這些真實數據,做出一個有品牌感的公司介紹頁面:
請閱讀後資料Excel中公司的ERP資料,請使用資料的公司資訊,製作成介紹公司的本地網頁
Claude 會從 Excel 裡抽取公司名稱、產品線、客戶分佈、營收規模,組成一個完整的公司介紹頁,然後自動在瀏覽器開啟。
重點來了:這個頁面上的每一個數字,都來自你的 Excel,不是 AI 憑空編的。這就是 Vibe Coding 跟一般「幫我寫一個網頁」最大的差異——資料是真的。
Step 3|散落的數據,一句話變成 Dashboard
公司介紹頁是「給外面的人看」的。接下來要做的是「給老闆自己看」的東西——產品維度的運營 Dashboard:
將產品維度製作成公司運營Dashboard的本地網頁,做完後請給我網頁的網址
原本散落在 5 張 Excel 裡的銷售、採購、庫存、財務、生產資料,被整合成一個視覺化儀表板——圖表、數據卡片、趨勢分析,全部在一個頁面上。
以前要做到這件事,你得開 5 個 Excel、交叉比對、自己畫圖。現在一句話。
Step 4|企業主的經營視角:拆成多頁面
單一頁面的 Dashboard 看起來很厲害,但企業主實際要用的時候,需要分部門、分角度來看。財務是財務,銷售是銷售,生產是生產——混在一起反而不好用。
從企業主的經營視角,請幫我規劃內容,將這Dashboard的本地網頁,改分成四個頁面:財務,銷售,生產。(如果有不足的內容請幫我補上儀表板數字)。
Claude 會把 Dashboard 拆成三個專業頁面:
應收應付、損益趨勢、費用佔比
營收走勢、客戶排名、產品銷售分析
產能利用率、良率追蹤、工單進度
提示詞裡有一句很關鍵的話:「如果有不足的內容請幫我補上」。這讓 Claude 主動填補資料缺口——你的 Excel 可能缺幾個欄位,但 Dashboard 不會因此開天窗。
Step 5|全場最大亮點:AI 洞見按鈕
在這Dashboard每個關鍵指標上,提供ai洞見的按鈕,裡面詳述問題分析,問題來源,建議對策
加上這句之後,Dashboard 上每個 KPI——營收、毛利率、良率、庫存週轉率——旁邊都會多一個「AI 洞見」按鈕。點下去,會看到三層分析:
這個數字目前是什麼狀況?正常還是異常?
交叉比對其他資料,找出可能原因
針對根因,提出具體可以做的事
這就是 AI 在企業經營中真正的價值——不只是幫你「看到」數字,而是幫你「看懂」數字背後的問題和機會。
Step 6|從 Dashboard 到規劃書
前 5 步做出了一個有數據、有洞見的 Dashboard。但如果你要拿去跟銀行談貸款、給投資人看、或者做年度規劃,需要一個更正式的文件——營運規劃書。
• 這一步開始需要先掛上 Frontend Design Skill。
• 講師會在現場示範怎麼操作——很簡單,就是在 Claude Code 裡加一個 Skill 檔案。
• 沒掛 Skill 直接貼提示詞,Claude 還是會做,但設計品質會有差異。
掛上frontend design skills,做出公司營運規劃書html投影片,並且轉成pdf
Claude 會用專業的設計模板,把前面累積的所有公司資料——概況、財務數據、產品分析、市場策略——整理成一份 HTML 投影片,最後自動轉成 PDF。
這份 PDF 不是隨便做的。它長得像管理顧問公司出的報告,但裡面的每一個數字都來自你自己的 ERP 資料。
Step 7|最終成果:可以上線的公司官網
根據我們公司的產業資訊與公司的商業型態是「經銷代理,品牌商,製造生產工廠」,使用frontend design skills中的「工程藍圖,精密淨白,磁場流光,包浩斯工業」做出含有Hero Banner,並且符合SEO需求的landing page官網
這句提示詞有兩個關鍵:
第一,你告訴 Claude 公司的商業型態(經銷代理、品牌商、製造工廠),讓它知道網站要呈現什麼角色定位。
第二,你指定了設計風格。Frontend Design Skill 裡有四種專門為製造業設計的視覺主題:
工業技術感,適合精密製造、工程公司
乾淨專業,適合醫療、半導體、高科技
科技未來感,適合新創、AI、軟體
經典工業設計,適合傳產、建材、機械
最後產出的頁面會有 Hero Banner 主視覺、產品服務區塊、公司優勢、CTA 按鈕,並且自動加上 meta tags、結構化資料、語意標籤——全部符合 SEO 規範。Google 搜得到你。
走完 7 步,你帶走什麼?
| 成果 | 步驟 | 帶回去能做什麼 |
|---|---|---|
| 公司介紹網頁 | Step 2 | 印在名片上、QR code 連結 |
| 多頁 Dashboard + AI 洞見 | Step 3–5 | 日常經營決策、主管會議投影 |
| 營運規劃書 PDF | Step 6 | 銀行融資、投資提案、年度規劃 |
| SEO 公司官網 | Step 7 | Google 搜尋曝光、客戶第一印象 |
操作提醒
• 每一步的提示詞都是接續前一步的——請照順序來,跳步會斷掉上下文。
• Claude 生成每一步大約 2–5 分鐘,不用著急,等它做完再貼下一句。
• 做到一半不滿意?直接用中文跟 Claude 說你要改什麼。它聽得懂。
• Step 6 和 7 需要掛 Frontend Design Skill——講師會現場帶,很快。
• 帶自己公司 Excel 來做效果最好,但請先確認資料沒有機密問題。
本教學由 FutureCorp Consulting 製作 | 讓每間台灣工廠都有 AI 戰力