building-omnistudio-flexcard
OfficialBuild accessible OmniStudio FlexCards with confidence
Software Engineering#accessibility#validation#data binding#omnistudio#integration procedure#flexcard#omniuiCard
Authorforcedotcom
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Eliminates the guesswork in creating OmniStudio FlexCards by guiding you to produce correct, validated OmniUiCard metadata with reliable Integration Procedure data bindings, states, actions, and accessibility.
Core Features & Use Cases
- OmniUiCard authoring with validation: Generate production-ready FlexCard definitions and validate them against a 130-point scoring rubric across design, binding, actions, styling, accessibility, testing, and performance.
- Integration Procedure data source binding: Configure DataSourceConfig to call the right active Integration Procedures, map input parameters, and bind response fields to card elements using merge-field syntax.
- States, actions, and quality guardrails: Design empty/error/multi-record behaviors, configure action buttons (including OmniScript launching), and enforce common anti-pattern protections like accessibility gaps, hardcoded styling, and brittle context.
Quick Start
Use building-omnistudio-flexcard to create and validate an OmniUiCard for an OmniStudio FlexCard UI that displays Integration Procedure results with correct merge-field mappings and action buttons.
Dependency Matrix
Required Modules
None requiredComponents
referencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: building-omnistudio-flexcard Download link: https://github.com/forcedotcom/sf-skills/archive/main.zip#building-omnistudio-flexcard Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.