跳至內容

Vibe Coding 進階:ERP 資料變 AI Dashboard

一句話版本
7 句提示詞,把 ERP 的 Excel 變成公司官網——從資料匯入到 SEO Landing Page,全程不寫一行程式碼,38 分鐘帶走一個真的可以上線的網站。

你手上的 Excel,比你想的值錢

每間公司的 ERP 系統裡都躺著一堆 Excel——銷售訂單、採購紀錄、庫存報表、財會數字、製造工單。大部分時候,這些檔案被打開、看過數字、做完報表,然後關掉。

但如果有人告訴你,這些 Excel 裡其實藏著一個完整的公司官網呢?

這篇教學會帶你用 Claude Code,把 5 個 ERP Excel 檔案,經過 7 個步驟,變成一個有 Dashboard、有 AI 分析、有 SEO 的公司官網。每一步只需要貼一句提示詞,上一步的成果會自動帶進下一步。38 分鐘後,你帶走的不是練習檔,是一個真的可以上線的網站。

⭐ 7 步漸進成果路線
Excel 資料 → 公司介紹頁 → 產品 Dashboard → 多頁面儀表板 → AI 洞見分析 → 營運規劃書 PDF → SEO 官網

開始之前:準備你的資料

你需要一個資料夾,裡面放 5 個 Excel 檔案,模擬一間公司的 ERP 資料:

① 銷售訂單

客戶、產品、金額、日期

② 採購紀錄

供應商、料號、金額、交期

③ 財會資料

應收應付、損益、費用

④ 庫存/BOM 表

料號、庫存量、安全庫存

⑤ 製造工單

產品、產線、產量、良率

講師會提供模擬資料。如果帶自己公司的資料來做,效果會好非常多——因為生成的網頁上全是你公司真實的數字和品牌。

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 洞見按鈕

⭐ 這一步是整個教學的轉折點
前 4 步做出來的 Dashboard 很好看,但本質上還是「看數字」。這一步讓 Dashboard 開始「說話」。
📝 提示詞 ⑤

在這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|最終成果:可以上線的公司官網

⭐ 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 來做效果最好,但請先確認資料沒有機密問題
7 句話,ERP 變官網。
查看完整課程系列 →

本教學由 FutureCorp Consulting 製作 | 讓每間台灣工廠都有 AI 戰力

本課程沒有啟用評論功能。