sap-sac-custom-widget

Featured

SAP Analytics Cloud (SAC) Custom Widget development. Use when building custom visualizations, extending SAC with Web Components, or creating Widget Add-Ons. Covers JSON metadata, JavaScript Web Components, lifecycle functions, data binding with feeds, styling/builder panels, property/event/method definitions, third-party library integration, hosting, security, performance, and debugging. Includes Widget Add-On feature (QRC Q4 2023+) and templates for widgets, charts, and KPI cards.

Data & Documents 414 stars 113 forks Updated 4 days ago GPL-3.0

Install

View on GitHub

Quality Score: 93/100

Stars 20%
87
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# SAP Analytics Cloud Custom Widget Development ## Related Skills - **sap-sac-scripting**: Use when custom widgets interact with SAC scripting, widgets, or story/application APIs - **sap-sac-planning**: Use when widgets participate in planning workflows or planning table interactions - **sapui5**: Use for Web Component/UI5 frontend implementation patterns and browser-side quality - **sap-dependency-security**: Use when adding third-party charting or build dependencies to widget projects ## Table of Contents - [Overview](#overview) - [AI-Assisted Generation](#ai-assisted-generation) - [Widget Discovery and Evidence Intake](#widget-discovery-and-evidence-intake) - [Local Custom Widget Builder](#local-custom-widget-builder) - [SAP Sample Widget Lessons](#sap-sample-widget-lessons) - [Browser Design Runtime](#browser-design-runtime) - [CSS and Styling Compliance](#css-and-styling-compliance) - [SAC Import and Packaging](#sac-import-and-packaging) - [Plugin Components](#plugin-components) - [Quick Start](#quick-start) - [Community Sample Widgets](#community-sample-widgets) - [Key Concepts](#key-concepts) - [Common Errors & Solutions](#common-errors--solutions) - [Bundled Resources](#bundled-resources) ## Overview 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. ## When to Use This Skill **U...

Details

Author
secondsky
Repository
secondsky/sap-skills
Created
9 months ago
Last Updated
4 days ago
Language
JavaScript
License
GPL-3.0

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Featured

sap-sac-planning

SAP Analytics Cloud (SAC) planning guidance for planning models, planning-enabled stories, data actions, multi actions, version management, data locking, calendar/input workflows, allocations, value driver trees, BPC live planning, and Seamless Planning with SAP Datasphere. Use this for planning design, planning APIs, data action debugging, planning performance reviews, and authenticated SAC planning story triage in Microsoft Edge via CDP; use sap-sac-scripting for non-planning SAC scripts and sap-datasphere for Datasphere modeling.

414 Updated 4 days ago
secondsky
AI & Automation Featured

sap-sac-scripting

Comprehensive SAC scripting skill for SAP Analytics Cloud Analytics Designer and Optimized Story Experience. This skill should be used when the user asks to "create SAC script", "debug Analytics Designer", "optimize SAC performance", "planning operations in SAC", "filter data in SAC", "use DataSource API", "chart scripting", "table manipulation", "SAC event handlers", "version management", "data locking", "Optimized Story Experience API", "OSE scripting", "OSE widget API", "OSE DataSource", "story scripting API", "OSE planning API", "OSE method", "optimized story", "SAC story scripting", "story script", "SAC scripting", "debug SAC runtime in Microsoft Edge via CDP", or works with SAC widgets, planning models, or analytics applications.

414 Updated 4 days ago
secondsky
AI & Automation Featured

sap-sac-test-automation

SAP Analytics Cloud (SAC) automated testing skill for designing capability-gated browser discovery and deterministic Playwright test suites for SAC stories, dashboards, reports, planning workflows, comments, permissions, visual regression, and reusable QA automation. This skill should be used when building SAC end-to-end tests, onboarding SAC dashboards into Playwright, creating dashboard profiles or scenario YAML, using Microsoft Edge/CDP, Chrome DevTools MCP, Vercel Labs agent-browser, or manual discovery for SAC components, testing SAC optimized stories, configuring SAC auth storage state, managing visual/data baselines, testing comments, planning writeback, data actions, multi actions, role-based views, restricted Windows/company environments, or creating SAC failure triage artifacts.

414 Updated 4 days ago
secondsky