All Skills
Coding & EngineeringClaude Plugins (Official)

ui5 — Agent Skill

by UI5 · Updated

SAPUI5 / OpenUI5 plugin for coding agents. Create and validate UI5 projects, access API documentation, run UI5 linter, get development guidelines and best practices for UI5 development.

At a glance

ui5 is an Agent Skill by UI5 in the Coding & Engineering category. In Claude Code it installs with `/plugin install ui5@claude-plugins-official` after adding the anthropics/claude-plugins-official marketplace; other assistants use its SKILL.md instructions as rules. Its source repository has 45 GitHub stars (as of Oct 28, 2026).

Source 45GitHub stars

How to install ui5 in your AI client

Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.

How to install ui5 in Claude CodeAnthropic's agentic CLI

  1. Add the marketplace

    claude
    /plugin marketplace add anthropics/claude-plugins-official

  2. Install the skill

    claude
    /plugin install ui5@claude-plugins-official

  3. Use it

    These are slash commands for a Claude Code session, not your shell. Claude auto-invokes the skill when your request matches its description — or type its slash command if it exposes one.

Documentation

Full README

UI5 Plugin for Coding Agents

Complete SAPUI5 / OpenUI5 plugin for coding agents with MCP tools, API documentation access, linting capabilities, development and integration testing guidelines.

Key Features

🛠️ MCP Tools

  • Create and validate UI5 projects - Project scaffolding and validation
  • Access API documentation - Query UI5 control APIs and documentation
  • Run UI5 linter - Code quality validation and best practices checks
  • UI5 tooling integration - Version info and project management

📋 Skills

ui5-best-practices

Development guidelines and coding standards derived from official SAP UI5 guidelines:

  • Async module loading - sap.ui.define patterns
  • Data binding with OData types - Type-safe data binding
  • CSP compliance - Content Security Policy best practices
  • TypeScript event handlers - Modern event handling (UI5 >= 1.115.0)
  • CAP integration - Integration with SAP Cloud Application Programming Model
  • Form creation rules - Form and SimpleForm patterns
  • i18n management - Internationalization workflows
  • Component initialization - ComponentSupport patterns

Note: For TypeScript conversion specifically, use the separate `ui5-typescript-conversion` plugin.

ui5-best-practices-accessibility

Accessibility guidelines and review checklist for UI5 views, fragments, and controllers:

  • Landmarks - landmarkInfo and accessibleRole for DynamicPage, Page, Panel, ObjectPage, FlexibleColumnLayout
  • Labeling - <Label labelFor> for inputs, ariaLabelledBy for tables, tooltips for icon-only buttons, alt for standalone icons and images
  • Heading levels - Explicit level on <Title>, no heading level jumps within a view
  • Focus handling - initialFocus on Dialog/Popover, fast navigation groups, no tabindex > 0
  • Keyboard shortcuts - CommandExecution for action buttons that should support keyboard shortcuts
  • Invisible messaging - InvisibleMessage.announce() for dynamic state changes visible to sighted users only
  • Reading order - Controls not visually reordered out of DOM sequence; ariaDescribedBy pointing to correct DOM order
  • Target size - reactiveAreaMode for interactive controls in dense layouts

Excerpt — the full document is on GitHub.

More Coding & Engineering skills

Catalog data refreshed . Something wrong? Report it.