skills.rest
UI5UI5Official·3 Agent Skills Included

webcomponents

Build enterprise web UIs with SAP Fiori components

Builds enterprise-grade web interfaces using SAP Fiori design components that work with React, Angular, Vue, or plain HTML. Guides AI agents to style components correctly, meet accessibility standards, and write reliable visual tests without breaking shadow DOM encapsulation. Eliminates guesswork around theming, ARIA labeling, and Cypress screenshot testing for consistent, accessible apps.
1,770|285
↗
npx skills add UI5/webcomponents --all -g -y
Available:

Tells the AI agent how the monorepo is structured, which build and test commands to run, and which coding rules to follow when developing or modifying UI5 web components.

All Skills in This Repository (3)

Pure Emerald Level Indicators
📦 In Repo
UI5UI5

styling

Customize UI5 Web Components using CSS Shadow Parts, states, and variables.

Official
Intermediate
📦 In Repo
UI5UI5

accessibility

Implement ARIA attributes and keyboard navigation for UI5 Web Components.

Official
Intermediate
📦 In Repo
UI5UI5

visual-test

Writes Cypress visual screenshot tests for UI5 web components.

Official
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install UI5 Web Components skills?▼

Run `npx skills add UI5/webcomponents --all -g -y` in your terminal to install all skills in this suite globally.

How to style UI5 Web Components?▼

Use tag-level styles for sizing, CSS shadow parts for internal elements, and SAP CSS variables for colors and theming. The styling skill guides your agent to pick the right technique automatically.

How to make UI5 apps accessible?▼

Use properties like accessible-name, accessible-name-ref, and accessible-role to add labels and ARIA context. Components already include built-in keyboard navigation and screen reader support.

Can AI write visual tests for UI5 components?▼

Yes. The visual-test skill generates Cypress screenshot tests with correct file placement, parent containers, and frozen dates for stable, repeatable results.

Do UI5 Web Components work with React and Angular?▼

Yes. They are framework-agnostic custom HTML elements, and official wrappers exist for React and Angular to make integration seamless.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills