building-omnistudio-flexcard

Official

Build accessible OmniStudio FlexCards with confidence

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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.