·sap-sac-custom-widget
!

sap-sac-custom-widget

SAP Analytics Cloud (SAC) 自訂小工具開發技能。在建立自訂視覺化、互動元件、使用 Web 元件擴充 SAC 或建立小工具附加元件以自訂內建小工具時使用。涵蓋 JSON 元資料配置、JavaScript Web 元件、生命週期函數、與提要的資料綁定、樣式面板、建構器面板、屬性/事件/方法定義、自訂類型、腳本 API 資料類型、第三方庫整合、託管選項、安全性、效能最佳化和偵錯。包括小部件附加功能 (QRC Q4 2023+),用於擴展內建小部件,而無需從頭開始建立。提供基本小部件、資料綁定圖表、樣式面板和 KPI 卡的範本。支援優化的故事體驗和分析設計器。防止常見錯誤:缺少生命週期函數、不正確的 JSON 架構、完整性警告、CORS 故障、屬性類型不符、資料綁定問題和效能反模式。 關鍵字:sap 分析雲、sac 自訂小工具、自訂小工具開發、Web 元件 sac、json 元資料小工具、小元件生命週期函數、onCustomWidgetBeforeUpdate、onCustomWidgetAfterUpdate、onCustomWidgetResize、onCate、onCustomWidgetAfterUpdate、onCustomWidgetResize、onCate、onCustomWidget?來源、getDataBinding、getResultSet、樣式面板小工具、建構器面板小工具、小工具屬性事件方法、propertiesChanged 事件、dispatchEvent 自訂小工具、sac echarts 整合、sac d3js 整合、第三方函式庫 sac、小工具託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小工具託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小元件託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小工具託管 sac、sac 整合、sac d3js 集成、第三方程式設計小工具、小工具 功能性sac、sac 分析設計器小部件、最佳化的故事體驗小部件、sac 小部件 api、小部件附加元件、sac 腳本 api 小部件、自訂類型枚舉、MemberInfo ResultMemberInfo 選擇、小部件安裝管理、sac 效能最佳化、shadow dom web 元件、sac 工具提示自訂、繪圖區域外掛程式

16安裝·0熱度·@secondsky

安裝

$npx skills add https://github.com/secondsky/sap-skills --skill sap-sac-custom-widget

如何安裝 sap-sac-custom-widget

透過命令列快速安裝 sap-sac-custom-widget AI 技能到你的開發環境

  1. 開啟終端機: 開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等)
  2. 執行安裝指令: 複製並執行以下指令:npx skills add https://github.com/secondsky/sap-skills --skill sap-sac-custom-widget
  3. 驗證安裝: 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

來源:secondsky/sap-skills。

SKILL.md

查看原文

This skill enables development of custom widgets for SAP Analytics Cloud (SAC). Custom widgets are Web Components that extend SAC stories and applications with custom visualizations, interactive elements, and specialized functionality.

This plugin provides specialized agents, commands, and validation hooks for comprehensive widget development support.

| Agent | Color | Purpose | Trigger Examples |

SAP Analytics Cloud (SAC) 自訂小工具開發技能。在建立自訂視覺化、互動元件、使用 Web 元件擴充 SAC 或建立小工具附加元件以自訂內建小工具時使用。涵蓋 JSON 元資料配置、JavaScript Web 元件、生命週期函數、與提要的資料綁定、樣式面板、建構器面板、屬性/事件/方法定義、自訂類型、腳本 API 資料類型、第三方庫整合、託管選項、安全性、效能最佳化和偵錯。包括小部件附加功能 (QRC Q4 2023+),用於擴展內建小部件,而無需從頭開始建立。提供基本小部件、資料綁定圖表、樣式面板和 KPI 卡的範本。支援優化的故事體驗和分析設計器。防止常見錯誤:缺少生命週期函數、不正確的 JSON 架構、完整性警告、CORS 故障、屬性類型不符、資料綁定問題和效能反模式。 關鍵字:sap 分析雲、sac 自訂小工具、自訂小工具開發、Web 元件 sac、json 元資料小工具、小元件生命週期函數、onCustomWidgetBeforeUpdate、onCustomWidgetAfterUpdate、onCustomWidgetResize、onCate、onCustomWidgetAfterUpdate、onCustomWidgetResize、onCate、onCustomWidget?來源、getDataBinding、getResultSet、樣式面板小工具、建構器面板小工具、小工具屬性事件方法、propertiesChanged 事件、dispatchEvent 自訂小工具、sac echarts 整合、sac d3js 整合、第三方函式庫 sac、小工具託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小工具託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小元件託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小工具託管 sac、sac 整合、sac d3js 集成、第三方程式設計小工具、小工具 功能性sac、sac 分析設計器小部件、最佳化的故事體驗小部件、sac 小部件 api、小部件附加元件、sac 腳本 api 小部件、自訂類型枚舉、MemberInfo ResultMemberInfo 選擇、小部件安裝管理、sac 效能最佳化、shadow dom web 元件、sac 工具提示自訂、繪圖區域外掛程式 來源:secondsky/sap-skills。

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/secondsky/sap-skills --skill sap-sac-custom-widget
分類
!安全工具
認證
收錄時間
2026-03-10
更新時間
2026-03-10

Browse more skills from secondsky/sap-skills

快速解答

什麼是 sap-sac-custom-widget?

SAP Analytics Cloud (SAC) 自訂小工具開發技能。在建立自訂視覺化、互動元件、使用 Web 元件擴充 SAC 或建立小工具附加元件以自訂內建小工具時使用。涵蓋 JSON 元資料配置、JavaScript Web 元件、生命週期函數、與提要的資料綁定、樣式面板、建構器面板、屬性/事件/方法定義、自訂類型、腳本 API 資料類型、第三方庫整合、託管選項、安全性、效能最佳化和偵錯。包括小部件附加功能 (QRC Q4 2023+),用於擴展內建小部件,而無需從頭開始建立。提供基本小部件、資料綁定圖表、樣式面板和 KPI 卡的範本。支援優化的故事體驗和分析設計器。防止常見錯誤:缺少生命週期函數、不正確的 JSON 架構、完整性警告、CORS 故障、屬性類型不符、資料綁定問題和效能反模式。 關鍵字:sap 分析雲、sac 自訂小工具、自訂小工具開發、Web 元件 sac、json 元資料小工具、小元件生命週期函數、onCustomWidgetBeforeUpdate、onCustomWidgetAfterUpdate、onCustomWidgetResize、onCate、onCustomWidgetAfterUpdate、onCustomWidgetResize、onCate、onCustomWidget?來源、getDataBinding、getResultSet、樣式面板小工具、建構器面板小工具、小工具屬性事件方法、propertiesChanged 事件、dispatchEvent 自訂小工具、sac echarts 整合、sac d3js 整合、第三方函式庫 sac、小工具託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小工具託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小元件託管 sac、sac 整合、sac d3js 整合、第三方函式 sac、小工具託管 sac、sac 整合、sac d3js 集成、第三方程式設計小工具、小工具 功能性sac、sac 分析設計器小部件、最佳化的故事體驗小部件、sac 小部件 api、小部件附加元件、sac 腳本 api 小部件、自訂類型枚舉、MemberInfo ResultMemberInfo 選擇、小部件安裝管理、sac 效能最佳化、shadow dom web 元件、sac 工具提示自訂、繪圖區域外掛程式 來源:secondsky/sap-skills。

如何安裝 sap-sac-custom-widget?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/secondsky/sap-skills --skill sap-sac-custom-widget 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用

這個 Skill 的原始碼在哪?

https://github.com/secondsky/sap-skills