skills.rest
padjei
padjeiCOMMUNITY
Explore all skills by this author →
GitHub

omnistudio-flexcard-generate

Generate and validate OmniStudio FlexCard definitions with Integration Procedure data binding and 130-point scoring.

Updated Jul 2, 2026
Search Tags:#validation#salesforce#data binding#slds#omnistudio#integration procedure#flexcard
One-click install
npx skills add https://github.com/padjei/SF_Build --skill omnistudio-flexcard-generate-padjei
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: omnistudio-flexcard-generate
Source: https://github.com/padjei/SF_Build/tree/main/.claude/skills/omnistudio-flexcard-generate
Command: npx skills add https://github.com/padjei/SF_Build --skill omnistudio-flexcard-generate-padjei

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Building OmniStudio FlexCards requires correctly configuring DataSourceConfig and PropertySetConfig JSON, binding Integration Procedure data sources, and meeting SLDS, accessibility, and performance standards—mistakes cause runtime data failures and broken card layouts. ## Core Features & Use Cases - FlexCard Authoring: Generate OmniUiCard definitions with layouts (single, list, tabbed, flyout), states, action buttons, and conditional visibility. - Data Source Binding: Configure Integration Procedure data sources with input mapping, merge field syntax, and multi-source coordination. - 130-Point Validation: Score cards across 7 categories (design, data binding, actions, styling, accessibility, testing, performance) with deploy/review/block thresholds. - Use Case: A Salesforce Industries developer needs an account summary card on a record page. The skill generates the OmniUiCard JSON bound to an active Integration Procedure, validates it against the scoring rubric, and produces a deployment checklist. ## Quick Start Ask the AI to create a FlexCard that displays account summary data from the Account_GetSummary Integration Procedure with a button launching an OmniScript.

Frequently Asked Questions about omnistudio-flexcard-generate

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an OmniStudio FlexCard with an Integration Procedure data source?▼

Configure the DataSourceConfig JSON with type IntegrationProcedures, set ipMethod to the IP Type and SubType joined by underscore, and map input parameters like recordId. Then define the card layout in PropertySetConfig and deploy the OmniUiCard record.

FlexCard vs LWC: which should I use for Salesforce UI?▼

FlexCards are declarative and best for at-a-glance information display bound to Integration Procedures. LWCs are code-based and better for complex interactive UIs, custom behavior, animations, and complex state management.

Why is my FlexCard not loading data from the Integration Procedure?▼

Common causes are the IP not being deployed or activated, a case-sensitive mismatch in the ipMethod Type_SubType value, or merge field paths not matching the IP response structure. Verify IP activation and test it with the same input parameters.

Does OmniUiCard have a Definition field for FlexCard configuration?▼

No. In the Core namespace, OmniUiCard uses DataSourceConfig for data source bindings and PropertySetConfig for card layout, states, and actions. There is no Definition field on OmniUiCard.

How do I deploy FlexCards in a managed-package org with a namespace?▼

Prefix the metadata type with the namespace, for example sf project deploy start -m omnistudio__OmniUiCard:CardName. Check sfdx-project.json for the namespace, and activate the card by setting IsActive to true after creation.

Related Skills

Explore More Software Engineering Skills→
amanpraajamanpraaj
1

sf-industry-commoncore-flexcard

Creates and validates OmniStudio FlexCard definitions with Integration Procedure data binding and 130-point scoring.

Community
Advanced
angryracoonangryracoon

omnistudio-dependencies-analyze

Map OmniStudio component dependencies and generate Mermaid diagrams in Salesforce orgs.

Community
Advanced
sfdc-brendansfdc-brendan
15

agentforce-lightning-types

Deploy Apex-based Lightning Types to render custom LWC UI in Agentforce chat.

Community
Advanced
AradotsoAradotso
2

gam-agentic-memory

Build hierarchical GAM memory systems for LLM agents.

Official
Advanced