UI5 Plugins for Coding Agents: Now Supporting GitHub Copilot
When we first launched this project, we called it “UI5 Plugins for Claude” — because Claude Code was the coding agent we built it for. That name made sense at the time. But the world of AI-assisted development has moved quickly, and so has this project.
Today we’re announcing a new name, GitHub Copilot support, and three new skills that extend what the plugin knows about UI5 development.
A Name That Reflects Reality
The project is now called UI5 Plugins for Coding Agents.
The rename isn’t cosmetic. From the beginning, the goal was never to lock UI5 developers into a single AI tool — it was to bring deep, framework-aware assistance to whatever coding agent they use. The plugin concept (skills, MCP server, guidelines) is fundamentally agent-agnostic. The old name undersold that.
The new name says what the project actually is: a collection of plugins that make any capable coding agent a much better UI5 development partner.
GitHub Copilot Support
With v0.1.3, the UI5 plugins are now available for GitHub Copilot via Awesome GitHub Copilot.
That means UI5 developers using Copilot can now get the same assistance that Claude Code users have had — project scaffolding, API documentation access, UI5 linting, and the full set of skills described below.
Three New Skills
The ui5 plugin covers general coding standards through ui5-best-practices — async module loading, OData binding, TypeScript event handlers, CAP integration, and so on. Three recent additions extend this into areas that benefit most from dedicated, framework-specific guidance.
UI Integration Cards: ui5-best-practices-integration-cards
UI Integration Cards have very specific rules around data placement, binding syntax, and manifest structure. With v0.1.2ui5-best-practices-integration-cards encodes those rules so the agent can get cards right without trial and error: correct data block placement, destination configuration with {{destinations.name}} syntax, parameter binding with {parameters>/key/value}, manifest validation via the run_manifest_validation MCP tool, Configuration Editor patterns for dt/Configuration.js, and full analytical chart support across 44 chart types with required UIDs and feed configurations.
OPA5 Integration Tests: ui5-best-practices-opa5
Writing reliable OPA5 tests requires knowing the actual control tree of the running app — something a coding agent can’t derive from source alone. With v0.1.4 ui5-best-practices-opa5 bridges that gap through tooling: pause-on-failure mode keeps the app live at the point of failure, and the TestRecorder (sap.ui.testrecorder.ControlTree, UI5 ≥ 1.147) lets the agent inspect the real control tree and generate accurate waitFor snippets from it. The skill also covers initial test configuration, multi-view setups, page object organization, and teardown patterns.
UI5 Tables: ui5-best-practices-tables
Tables are central to many UI5 freestyle apps, and with v0.1.5 ui5-best-practices-tables helps agents get them right from the start. It provides a practical selection guide across sap/m/Table, sap/ui/table/Table, sap/ui/table/TreeTable, sap/ui/comp/smarttable/SmartTable, and sap/ui/mdc/Table, while reinforcing essential patterns like correct items vs rows binding, proper ariaLabelledBy, and production-ready handling for performance, personalization, drag and drop, and data type alignment.
Installing
Claude Code
claude plugin install ui5@claude-plugins-official
GitHub Copilot
copilot plugin install ui5@awesome-copilot
Skills Only (Any Agent)
If your coding agent doesn’t support the plugin concept, you can install the skills directly:
npx skills add UI5/plugins-coding-agents
You’ll also need to set up the UI5 MCP server manually.
What’s Next
Supporting more agents is the direction we’re heading. If you’re using a coding agent that isn’t supported yet, join the conversation in on GitHub UI5/plugins-coding-agents #38.
The project is open source under Apache 2.0. Contributions, feature requests, and feedback are welcome at github.com/UI5/plugins-coding-agents.
UI5 Plugins for Coding Agents: Now Supporting GitHub CopilotWhen we first launched this project, we called it “UI5 Plugins for Claude” — because Claude Code was the coding agent we built it for. That name made sense at the time. But the world of AI-assisted development has moved quickly, and so has this project.Today we’re announcing a new name, GitHub Copilot support, and three new skills that extend what the plugin knows about UI5 development.A Name That Reflects RealityThe project is now called UI5 Plugins for Coding Agents.The rename isn’t cosmetic. From the beginning, the goal was never to lock UI5 developers into a single AI tool — it was to bring deep, framework-aware assistance to whatever coding agent they use. The plugin concept (skills, MCP server, guidelines) is fundamentally agent-agnostic. The old name undersold that.The new name says what the project actually is: a collection of plugins that make any capable coding agent a much better UI5 development partner.GitHub Copilot SupportWith v0.1.3, the UI5 plugins are now available for GitHub Copilot via Awesome GitHub Copilot.That means UI5 developers using Copilot can now get the same assistance that Claude Code users have had — project scaffolding, API documentation access, UI5 linting, and the full set of skills described below.Three New SkillsThe ui5 plugin covers general coding standards through ui5-best-practices — async module loading, OData binding, TypeScript event handlers, CAP integration, and so on. Three recent additions extend this into areas that benefit most from dedicated, framework-specific guidance.UI Integration Cards: ui5-best-practices-integration-cardsUI Integration Cards have very specific rules around data placement, binding syntax, and manifest structure. With v0.1.2ui5-best-practices-integration-cards encodes those rules so the agent can get cards right without trial and error: correct data block placement, destination configuration with {{destinations.name}} syntax, parameter binding with {parameters>/key/value}, manifest validation via the run_manifest_validation MCP tool, Configuration Editor patterns for dt/Configuration.js, and full analytical chart support across 44 chart types with required UIDs and feed configurations.OPA5 Integration Tests: ui5-best-practices-opa5Writing reliable OPA5 tests requires knowing the actual control tree of the running app — something a coding agent can’t derive from source alone. With v0.1.4 ui5-best-practices-opa5 bridges that gap through tooling: pause-on-failure mode keeps the app live at the point of failure, and the TestRecorder (sap.ui.testrecorder.ControlTree, UI5 ≥ 1.147) lets the agent inspect the real control tree and generate accurate waitFor snippets from it. The skill also covers initial test configuration, multi-view setups, page object organization, and teardown patterns.UI5 Tables: ui5-best-practices-tablesTables are central to many UI5 freestyle apps, and with v0.1.5 ui5-best-practices-tables helps agents get them right from the start. It provides a practical selection guide across sap/m/Table, sap/ui/table/Table, sap/ui/table/TreeTable, sap/ui/comp/smarttable/SmartTable, and sap/ui/mdc/Table, while reinforcing essential patterns like correct items vs rows binding, proper ariaLabelledBy, and production-ready handling for performance, personalization, drag and drop, and data type alignment.InstallingClaude Codeclaude plugin install ui5@claude-plugins-officialGitHub Copilotcopilot plugin install ui5@awesome-copilotSkills Only (Any Agent)If your coding agent doesn’t support the plugin concept, you can install the skills directly:npx skills add UI5/plugins-coding-agentsYou’ll also need to set up the UI5 MCP server manually.What’s NextSupporting more agents is the direction we’re heading. If you’re using a coding agent that isn’t supported yet, join the conversation in on GitHub UI5/plugins-coding-agents #38.The project is open source under Apache 2.0. Contributions, feature requests, and feedback are welcome at github.com/UI5/plugins-coding-agents. Read More Technology Blog Posts by SAP articles
#SAP
#SAPTechnologyblog
