forcedotcom avatar

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.

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

Install

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

Installs into .claude/skills of the current project.

Files

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.

Browse the repository on GitHub

Sponsors

Details

Repository
github.com/forcedotcom/sf-skills
Categories
Debugging, Design & UI/UX
First seen
Jun 3, 2026

More from forcedotcom/sf-skills

All 158

Recommended

More Debugging
1anthropics avatarcomps-analysisanthropics/financial-servicesBuild institutional-grade comparable company analyses with operating metrics, valuation multiples, and statistical benchmarking in Excel/spreadsheet format. **P2.4Kskills.sh installs
2owl-listener avatarux-writingowl-listener/designer-skillsWrite effective UI copy including microcopy, error messages, empty states, and CTAs.2.4Kskills.sh installs
3forcedotcom avatarmodeling-omnistudio-epc-catalogforcedotcom/sf-skillsSalesforce Industries CME EPC product-modeling skill for Product2-based catalog creation. Use when creating EPC products, configuring product attributes, buildi2.4Kskills.sh installs
4qodo-ai avatarqodo-pr-resolverqodo-ai/qodo-skillsUse when the user wants to review Qodo PR feedback or fix code review comments. Capabilities: view issues by severity, apply fixes interactively or in batch, re2.4Kskills.sh installs
5bytedance avatarskill-creatorbytedance/deer-flowCreate new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an e2.4Kskills.sh installs
6anthropics avataraudit-xlsanthropics/financial-servicesAudit a spreadsheet for formula accuracy, errors, and common mistakes. Scopes to a selected range, a single sheet, or the entire model (including financial-mode2.3Kskills.sh installs