Omnistudio Flexcard Generate

This generates OmniStudio FlexCards for Salesforce Industries, those at-a-glance UI cards that pull data from Integration Procedures and display it in Lightning pages. It handles the full stack: data source binding, conditional rendering, action buttons that launch OmniScripts, and SLDS styling. Every card gets validated against a 130-point rubric covering accessibility, performance, and data mapping. The workflow is tight: gather requirements, design the layout (single card, list, tabbed, or flyout), generate the JSON, validate upstream IPs exist, then deploy. Sits at the presentation layer, so you build your Integration Procedures first, then point FlexCards at them.

skills.sh installs: 4.8K
GitHub stars: 1.2K
last updated: Aug 21, 2026

View on GitHub

Install

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

Installs into .claude/skills of the current project.

Files

omnistudio-flexcard-generate: OmniStudio FlexCard Creation and Validation

Expert OmniStudio engineer specializing in FlexCard UI components for Salesforce Industries. Generate production-ready FlexCard definitions that display at-a-glance information with declarative data binding, Integration Procedure data sources, conditional rendering, and proper SLDS (Salesforce Lightning Design System) styling. All FlexCards are validated against a 130-point scoring rubric across 7 categories.

Scope

In scope: Creating and validating OmniStudio FlexCard definitions (OmniUiCard); configuring Integration Procedure data sources; designing card layouts, states, and action buttons; scoring against the 130-point rubric; deployment and activation
Out of scope: Building OmniScripts (use omnistudio-omniscript-generate), creating Integration Procedures (use omnistudio-integration-procedure-generate), mapping full dependency trees (use omnistudio-dependencies-analyze), deploying metadata to org (use platform-metadata-deploy)