SAP

Audit a component for WCAG AA accessibility compliance

Adopt breaking changes from fundamental-styles into Angular components

Audit existing code against project conventions and Angular 21+ best practices

Build a reactive form with @fundamental-ngx/platform form components, FormGroup wiring, validation, and error states

Build a page layout using fd-dynamic-page or fdp-dynamic-page — collapsing header, subheader, content area, footer, and optional tabs

Build a @fundamental-ngx/platform data table with FdpTableDataSource, sorting, filtering, pagination, and row selection

Generate or update unit tests for a component following project testing conventions

Add, rename, or remove i18n translation keys in fundamental-ngx (updates FdLanguage interface, .properties files, and generated types)

BEM (Block Element Modifier) methodology and naming conventions used in fundamental-styles with real examples

How to combine fundamental-styles components correctly - required wrappers, nesting rules, and common composition patterns

Fiori guidelines for action components Button, Product Switch, User Menu, Scrollbar

Fiori guidelines for data display components such as Table, List, Tree, Avatar, Calendar, Icons, etc

Fiori guidelines for feedback components such as Message Strip, Notification, Dialog, Progress Indicator, etc

Fiori guidelines for form controls and input components such as Checkbox, Input, Select, Textarea, Date Picker, etc

Fiori guidelines for layout structures such as Card, Panel, Dynamic Page, Flexible Column Layout, etc

Fiori guidelines for navigation components such as Breadcrumb, Menu, Link, Shellbar, Vertical Navigation, etc

Control and monitor an OCPP charging station simulator via CLI. Use when users ask to manage charging stations, trigger OCPP messages from stations to the CSMS, start/stop the simulator or ATG, list stations or templates, or check simulator state.

Implement tasks from an OpenSpec change. Use when the user wants to start implementing, continue implementation, or work through tasks.

Archive multiple completed changes at once. Use when archiving several parallel changes.

Continue working on an OpenSpec change by creating the next artifact. Use when the user wants to progress their change, create the next artifact, or continue their workflow.

Enter explore mode - a thinking partner for exploring ideas, investigating problems, and clarifying requirements. Use when the user wants to think through something before or during a change.

Fast-forward through OpenSpec artifact creation. Use when the user wants to quickly create all artifacts needed for implementation without stepping through each one individually.

Start a new OpenSpec change using the experimental artifact workflow. Use when the user wants to create a new feature, fix, or modification with a structured step-by-step approach.

Guided onboarding for OpenSpec - walk through a complete workflow cycle with narration and real codebase work.

Use this skill when working with Spartacus schematics - Angular schematics for installing, configuring, and migrating Spartacus libraries. Trigger when the user mentions writing, debugging, or testing schematics, works with migration scripts or constructor/component deprecations, creates feature schematics configuration, adds new library installation schematics, tests schematics with verdaccio, or updates migrations.json or deprecation data files. Even if the user just mentions 'schematics', 'ng add', or 'ng update' in the context of Spartacus development, load this skill.

Use this skill when working with Spartacus Server-Side Rendering (SSR). Trigger when the user mentions SSR engine development, SSR E2E tests, server-side rendering issues, hydration problems, or needs to run SSR-related commands like 'npm run test:ssr' or 'npm run build:ssr'. Also trigger when working with files in 'core-libs/setup/ssr' or 'projects/ssr-tests/'.

Review a pull request against all cloud-sdk-python contribution standards. Use when you want to review a PR, check if a PR is ready to merge, or get structured feedback on pending changes.

Scaffold a new BTP service module for the SAP Cloud SDK for Python. Use when a contributor wants to add a new service integration and needs the standard directory layout, stubs, and telemetry wiring generated automatically.

Add visual filters with charts to SAP Fiori Elements value help dialogs. Use for: displaying aggregated data in filter fields, adding bar/column/line/donut charts to value help, configuring Analytics.AggregatedProperty with sum/average/min/max, setting up @Aggregation.ApplySupported, configuring manifest.json for visual filters, implementing OData V4 aggregation in CAP projects, enhancing List Report filter bars with visual analytics.

Creates the skeleton for a new reference architecture in terms of folders and initial front matter. Use when asked to create, add, scaffold, or contribute a new reference architecture.

Sync model types from SAP Notes 3437766. Use when model-types.ts needs updating from the latest SAP AI model availability table.

SAP Fiori design guidelines for building enterprise applications. Use this skill when designing, building, or reviewing SAP Fiori applications, implementing SAPUI5 or UI5 Web Components, working with SAP enterprise UX patterns, or needing guidance on buttons, forms, tables, object pages, list reports, navigation, messaging, colors, typography, accessibility, AI/Joule integration, or any SAP Fiori UI element. Triggers on mentions of Fiori, SAPUI5, UI5, SAP UX, SAP design system, or enterprise application design following SAP standards.