MUST be loaded before any UI Integration Cards (also called UI5 Integration Cards) task — creating, modifying, validating, previewing, or reviewing a card, its `manifest.json`, its Configuration Editor (`dt/Configuration.js`), or any analytical chart configuration. Provides the official guidelines, validation rules, supported chart types, and Configuration Editor patterns.
Install
npx skills add UI5/plugins-coding-agents --skill ui5-best-practices-integration-cardsnpx skills add UI5/plugins-coding-agents --skill ui5-best-practices-integration-cards -a claude-code -gnpx skills add UI5/plugins-coding-agents --skill ui5-best-practices-integration-cards -a codex -ggemini skills install https://github.com/UI5/plugins-coding-agents.git --path plugins/ui5/skills/ui5-best-practices-integration-cardsgh skill install UI5/plugins-coding-agents ui5-best-practices-integration-cardsgit clone --depth 1 https://github.com/UI5/plugins-coding-agents /tmp/UI5__plugins-coding-agents
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/UI5__plugins-coding-agents/plugins/ui5/skills/ui5-best-practices-integration-cards ~/.claude/skills/ui5-best-practices-integration-cards # Claude Code
cp -R /tmp/UI5__plugins-coding-agents/plugins/ui5/skills/ui5-best-practices-integration-cards ~/.agents/skills/ui5-best-practices-integration-cards # Codex, Cursor, Gemini CLI, Copilot, OpenCode