mobile-platform-native-capabilities-integrate
Build a Salesforce LWC that uses native mobile device capabilities — barcode scanner, biometrics, location, NFC, calendar, contacts, document scanner, geofencing, AR space capture, app review, and payments. Use this skill when the user asks for an LWC that scans a barcode, captures a photo of a docu
By forcedotcom · 4,659 installs
npx skills add forcedotcom/sf-skills --skill mobile-platform-native-capabilities-integrate
Source repository · Upstream listing
Using Mobile Native Capabilities
The lightning/mobileCapabilities module exposes a set of factory functions
that return service objects for native device features (barcode scanning,
biometrics, location, etc.). Each service extends a common
[BaseCapability](references/base capability.md) with an isAvailable()
method, so an LWC can degrade gracefully on surfaces where the capability is
not present (desktop, mobile web).
This skill routes an agent through (1) picking the right capability, (2)
loading the authoritative type definitions, and (3) wiring the service into
an LWC with the correct availability gating, error handling, and
deprecation aware API choice.
When to Use This Skill
User asks for an LWC that uses a device capability listed in the index
below.
User mentions lightning/mobileCapabilities , "mobile capability", or
"Nimbus" by name.
User wants to know which mobile native APIs are available, or which one
fits their feature.
Do NOT use this skill for:
Mobile offline review of an LWC (lwc:if, inline GraphQL, Komaci priming
violations) — use mobile platform offline validate .
Choosing or styling generic Lightning Base Components / SLDS blueprints —
use design systems slds apply .
Prerequisites
Knowledge that the LWC will run inside a supported mobile container
(Salesforce Mobile App, Field Service Mobile App). These capabilities are
unavailable on desktop and mobile web; gate every call behind
isAvailable() .
Familiarity with the lightning/mobileCapabilities module declaration
(see [mobile capabilities](references/mobile capabilities.md)).
Capability Index
Capability Reference One line use
App Review [App Review](references/app review.md) Prompt the user for a native in app review.
AR Space Capture [AR Space Capture](references/ar space capture.md) Capture a 3D scan of a physical space using AR.
Barcode Scanner [Barcode Scanner](references/barcode scanner.md) Read QR / UPC / EAN / Code 128 / etc. from the camera.
Biometrics [Biometrics](references/biometrics.md) Authenticate via Face ID / fingerprint.
Calendar [Calendar](references/calendar.md) Read or create events on the device calendar.
Contacts [Contacts](references/contacts.md) Read or create entries in the device address book.
Document Scanner [Document Scanner](references/document scanner.md) Scan paper documents using the camera with edge detection.
Geofencing [Geofencing](references/geofencing.md) Trigger logic when the device crosses a geographic boundary.
Location [Location](references/location.md) Read GPS coordinates and watch for updates.
NFC [NFC](references/nfc.md) Read or write NFC tags.
Payments [Payments](references/payments.md) Take an Apple Pay / Google Pay payment.
Workflow
Step 1 — Identify the capability
Map the user's feature ask to one row of the capability index. If the ask
spans multiple capabilities (e.g. "scan a barcode and store it on a
contact"), plan for each capability separately — there is one factory
function per capability.
Step 2 — Load the shared and capability specific references
Read these two shared references once per session — they apply to every
capability and are not duplicated in the per capability files:
[BaseCapability](references/base capability.md) — the common interface
with isAvailable() that every service extends.
[mobile capabilities](references/mobile capabilities.md) — the
lightning/mobileCapabilities module declaration showing every
re exported service.
Then open the capability's reference file from the table above. Each
per capability reference contains the service specific TypeScript API
(factory function, service interface, options types, result types, error
types) and assumes the two shared references above are already in context.
Do not infer the API from memory — read it. The services evolve and some
methods are explicitly @deprecated in favor of newer alternatives.
Step 3 — Wire the service into the LWC
For each capability:
1. Import the factory from lightning/mobileCapabilities :
2. Get an instance: const scanner = getBarcodeScanner();
3. Gate the call behind isAvailable() :
4. Call the non deprecated entry point. Several services keep older
methods marked @deprecated alongside the recommended one — always
prefer the recommended method in the reference.
5. Wrap the promise in try/catch and handle the typed failure codes the
service exposes (e.g. BarcodeScannerFailureCode ,
LocationServiceFailureCode ). User cancelled vs. permission denied vs.
service unavailable are distinct UX states.
Step 4 — Surface failure modes to the user
Each service defines its own failure code enum. Translate codes into
user actionable messages: a USER DENIED PERMISSION should ask the user to
grant permission; a USER DISABLED PERMISSION must direct them to the OS
settings; a SERVICE NOT ENABLED should be a developer visible error, not
shown to the user.
Step 5 — Stay inside the supported surface
Mobile capabilities are available only when the LWC runs inside a
supported Salesforce mobile app. If the same component is rendered on
desktop or mobile web, the factory will still return an object but
isAvailable() will return false . Never assume availability — gate every
call.
Examples
Example — "Scan a barcode and write it into a field"
1. Map to: Barcode Scanner.
2. Read [Barcode Scanner](references/barcode scanner.md).
3. Use scan(options) (not the deprecated beginCapture / resumeCapture
/ endCapture triple).
4. In options, set the barcodeTypes to the symbologies needed (default is
all supported types) and enableMultiScan: false for a single read.
5. On resolve, write result[0].value to the bound field. On reject,
inspect error.code against BarcodeScannerFailureCode .
Example — "Take an Apple Pay payment for an order total"
1. Map to: Payments.
2. Read [Payments](references/payments.md).
3. Gate on isAvailable() .
4. Build the payment request object per the reference.
5. On resolve, surface the transaction id to the calling flow. On reject,
handle user cancelled and payment failed paths separately.
Verification Checklist
[ ] Every capability call is preceded by isAvailable() .
[ ] The non deprecated entry point is used (no beginCapture /
resumeCapture / endCapture for barcode, etc.).
[ ] Each rejection path is mapped to the typed failure code enum.
[ ] Imports come from lightning/mobileCapabilities , not from a private
path.
[ ] No assumption that the capability runs on desktop or mobile web.
Troubleshooting
isAvailable() returns false on a real device — the device is
running an unsupported app surface (not Salesforce Mobile or Field
Service Mobile), or the service is gated by an org level setting. The
fix is org configuration, not code.
TypeScript can't find the import — confirm the LWC has access to
lightning/mobileCapabilities . The module is declared globally inside
Salesforce mobile containers; outside that, the types must be installed
separately.
Deprecated barcode methods still work — yes, but new code must use
scan() and dismiss() . Refactor any sample code the agent received
before returning it.
Multiple capabilities in one component — get separate instances per
capability (they are independent service objects); do not try to share
state between them.