name: data-analysis-dashboard description: 傳入 CSV/Excel/JSON 資料,自動體檢、評估優劣勢,並從 7 種中文模板中生成 HTML 看板。所有分析與數字嚴格基於真實資料,禁止編造。 agent_created: true
所有分析結論、看板資料、文字報告必須嚴格基於使用者提供的實際資料,禁止編造、推測、填充、美化資料。
./chart.umd.min.js,絕不可回退到外網 CDN(你當前網路連不上 cdn.jsdelivr.net 等,一旦回退圖表就會全空白)。本技能將「拿到資料 → 分析 → 出報告」固化為標準流程:先做資料質量體檢,再給出優勢與劣勢分析,最後產出可直接開啟的 HTML 資料看板,並附上文字版分析結論。
模板存放在 assets/templates/ 目錄下,共 7 種風格。選擇模板時根據資料場景和展示物件決定:
| 模板(中文名) | 模板檔案 | 風格 | 適用場景 | 主色調 |
|---|---|---|---|---|
| 深色科技風 | dark-tech.html |
深色科技風 | 大屏展示、監控看板、工業/IoT 資料 | 黑底 + 青色/藍色高亮 |
| 深藍商務風 | dark-blue.html |
深藍商務風 | 金融資料、銀行/保險報表、高階感深色 | 深藍底 + 藍金高亮 |
| 深紫科技風 | dark-purple.html |
深紫科技風 | 高階資料展示、科技感強烈、資料量大 | 深紫黑底 + 紫粉高亮 |
| 淺色商務風 | light-business.html |
淺色商務風 | 通用商業分析、領導彙報、銷售運營 | 白底 + 藍紫主色 |
| 白色綜合經營風 | light-comprehensive.html |
白色綜合經營風 | 綜合經營回顧、多維度 KPI、財務分析 | 白底 + 紫粉主色 |
| 淺色清新風 | light-fresh.html |
淺色清新風 | 運營/流量/使用者資料、移動端友好 | 白底 + 青綠主色 |
| 極簡報告風 | light-minimal.html |
極簡報告風 | 列印/PPT 嵌入、學術/審計報告、簡潔 | 純白 + 單色線條 |
重要:向用戶展示和提問時一律用中文名(如「淺色商務風」),不要用英文檔名。
選擇策略: - 展示場景偏「大屏/監控/即時」→ 選深色科技風 / 深紫科技風 - 展示場景偏「彙報/PPT/列印」→ 選淺色商務風 / 極簡報告風 - 資料型別偏「金融/交易」→ 選深藍商務風,並遵循「漲紅跌綠」 - 資料型別偏「運營/使用者」→ 選淺色清新風 - 綜合經營分析 → 選白色綜合經營風
小蔥技能7w4.net有完整的技能分類。
light-business.html(淺色商務風)。scripts/analyze_data.py 做快速體檢:python scripts/analyze_data.py <資料檔案路徑> --output <輸出json路徑>
對照 references/analysis_framework.md 的檢查清單逐項核對,重點排查:
紅線: 每個質量問題必須指明具體欄位、具體現象、資料證據(如「訂單金額列有 3 個負值: -50, -120, -30」)。不寫模糊表述如「有些異常」。
<script src="./chart.umd.min.js"></script> 引用的是同目錄本地檔案。生成看板時,必須把技能自帶的庫檔案複製到看板 HTML 所在的同一目錄:
copy <skill目錄>/assets/vendor/chart.umd.min.js <輸出目錄>/chart.umd.min.jsdashboard.html,確保兩者在同一資料夾。使用者開啟看板時圖表才能渲染,不依賴任何網路。https://cdn... 等外網地址——你當前網路連不上外網 CDN,會導致 Chart 未定義、圖表全空白。{{佔位符}} 替換為真實資料和文字結論。<輸出目錄>/dashboard.html,並用 present_files 呈現給使用者。注意:移動或分享看板時,必須連 chart.umd.min.js 一起帶走。看板 HTML 生成後、呈現給使用者前,必須先執行自動化質檢指令碼,並對結果逐項人工複核。四項檢查缺一不可:
python scripts/verify_dashboard.py <原始資料檔案> <看板HTML> --ref <體檢報告.json> --ref <深度分析.json>禁止用任何「目測」「心算」「感覺對」代替核對。
文字無亂碼無異常(含圖表文字)
{{...}} 殘留。全部文本統一 UTF-8 編碼,中英文與數字之間排版正常。
圖表正確生成 + 圖表資料真實(新增圖表專項檢查)
<canvas> 數量必須等於 new Chart 例項數量且 id 一一對應;每個圖表 type 合法(line/bar/pie/doughnut 等)、labels 非空、資料集 data 非空(否則圖表畫不出來)。data 的數字,與權威數字集交叉核對,確保圖表畫出來的數字來自真實計算、與文字結論一致。canvas 數量 / Chart 例項 / 完整性 / 每圖 type·labels·資料點 / 圖表文字亂碼 / 圖表資料匹配數,逐項確認。任一圖表缺失、型別非法、資料為空、文字亂碼、或圖表資料與權威數字對不上 → 視為硬錯誤,修正後重跑質檢。
建議與發現準確無誤
質檢結論處理: - 指令碼硬錯誤(亂碼/異常符號/佔位符殘留/圖表未正確生成/圖表文字亂碼)> 0 → 修正看板 → 重跑質檢,直到為 0。 - 未匹配數字(含圖表資料):逐個人工確認後,在交付說明中註明「已複核」;發現錯誤數字 → 修正 → 重跑質檢。 - 只有質檢通過(硬錯誤為 0 且未匹配數字全部複核無誤)後,才允許進入 Step 8 呈現看板。 - 使用者提出修改意見、生成第二版後,同樣必須重跑一次質檢。
在最終回覆中總結(交付前同樣確認文字無亂碼、數字與看板一致):
紅線: 文字結論中的每個數字必須與看板中完全一致。若某條結論無法從現有資料得出,寫「資料不足,無法判斷」或「建議補充 XX 資料後驗證」。
這個 Skill 整體質量中規中矩,能較好地完成資料視覺化儀表板生成任務。主要優點是模板風格多樣、視覺效果不錯、分析邏輯完整。不足之處在於使用說明不夠詳細,對新手不太友好,且缺乏靈活的配置選項,個性化程度有限。如果需要快速生成固定風格的資料展示頁面可以使用,但複雜需求可能需要進一步定製。