Building Omnistudio Flexcard

This generates production-ready OmniStudio FlexCard definitions with Integration Procedure data bindings, SLDS styling, and validation against a 130-point scoring rubric across seven categories. You'd reach for it when building at-a-glance UI cards, configuring data source mappings, or designing card layouts with conditional visibility. It sits at the presentation layer of the OmniStudio stack, so you'll want your Integration Procedures built and deployed first. The skill covers single cards, card lists, tabbed layouts, and flyout patterns, plus action button configuration for launching OmniScripts or navigating to records. One thing worth knowing: it validates merge field syntax against IP response structure and checks accessibility attributes, which catches issues before deployment.

Install to Claude Code

npx -y skills add forcedotcom/sf-skills --skill building-omnistudio-flexcard --agent claude-code