SAP
Official@sap · Germany
SAP SE, a global software company, is one of the largest vendors of ERP and other enterprise applications.
Agent Skills by SAP
Showing 32 vetted skills indexed across 4 GitHub repositories.
SAPaccessibility-guide
Provides accessibility guidelines for fundamental-styles components, including ARIA roles and WCAG 2.1 compliance.
SAPscss-style-guide
Enforce SCSS coding standards with BEM naming and file structure.
SAPbem-naming
Explain BEM naming conventions for CSS classes in Fundamental Styles.
SAPcomponent-guidance-actions
Guide Fiori action component selection and UI design best practices.
SAPcomponent-guidance-forms
Guide Fiori form control selection for SAP data entry forms.
SAPlayout-patterns
Generates customizable UI layouts for common web application patterns such as login forms, dashboards, master-detail views, and wizards.
SAPcontent-density
Implement cozy, compact, and condensed content density modes in SAP applications.
SAPcomponent-docs
Access fundamental-styles component documentation and HTML examples via Storybook.
SAPcomponent-guidance-feedback
Guide selection and implementation of Fiori feedback components.
SAPcomponent-guidance-layout
Guide SAP Fiori UI layout selection and component best practices.
SAPcomponent-guidance-data
Guide Fiori UI component selection for SAP application development.
SAPcomponent-composition
Combine fundamental-styles components with required wrappers and nesting rules.
SAPcomponent-guidance-navigation
Guide SAP navigation component usage with best practices for UI consistency.
SAPsap-fiori-add-visual-filter
Automate chart-based visual filter creation for SAP Fiori Elements filter bars.
SAPsap-fiori-analytical-chart
Create analytical chart and table hybrid views for SAP Fiori Elements List Reports.
SAPcreate-test
Generate or update Angular component unit tests in .spec.ts files.
SAPupdate-docs
Audit TypeScript declarations against docs and example files.
SAPmigrate
Migrate Angular components and directives to signal-based patterns.
SAPreview-pr
Review pull requests against Angular 21+ conventions and checklist.
SAPa11y-audit
Audit UI components for WCAG AA accessibility compliance.
SAPbest-practices
Audits Angular 21+ code quality and standards for specified paths.
SAPpreflight
Run format, build, lint, unit tests, and export checks on affected libraries.
SAPopenspec-apply-change
Automate OpenSpec change implementation with task tracking and progress updates.
SAPopenspec-explore
Guide teams through open-ended problem exploration and requirement clarification.
Frequently Asked Questions About SAP
FAQPage SchemaWhat specific tasks can developers perform using these capabilities?▼
Developers can generate Angular unit tests, audit UI components for WCAG AA accessibility, enforce BEM CSS naming conventions, and implement Fiori-compliant layout patterns. Additionally, the suite supports managing requirement specifications through the OpenSpec framework, ensuring consistency across complex enterprise application development cycles.
Which engineering personas benefit most from these resources?▼
Frontend engineers, UI/UX designers, and enterprise architects working within the SAP Fiori ecosystem benefit most. These resources are specifically tailored for teams maintaining Angular-based enterprise applications who require strict adherence to design system standards, accessibility compliance, and structured requirement documentation.
What are the prerequisites for implementing these design and testing standards?▼
Implementation requires an existing Angular 21+ environment and familiarity with the Fundamental Styles library. Teams should have their project structure aligned with standard Fiori design patterns and possess a working knowledge of TypeScript and SCSS to effectively utilize the provided auditing and generation capabilities.