Agent Skills for Web
Stop hunting for the right snippet. Scandit's Agent Skills bring 15 years of barcode, label, and ID scanning expertise directly into your coding agent: Claude Code, Codex, Cursor, GitHub Copilot, Gemini, OpenCode, and 40+ others. Describe what you want to build and the skill writes the Web integration into your codebase: SDK setup, license activation, UI wiring, performance defaults, and the edge cases to avoid. Skills stay in sync with every SDK release, so the generated code always targets current, validated APIs.
Install the Scandit plugin
Run the following command in your project directory. It detects the supported coding agents you have installed and adds the Scandit plugin to each. Re-run it to update.
npx plugins add scandit/skillsPrefer to set it up yourself? Manual installation steps for each agent →
How to use it
The plugin bundles every Scandit skill. Describe what you want in plain language and your agent loads the right one on its own, or name one explicitly with /skill-name in your prompt.
Not sure which product you need?
Start with data-capture-sdk. It is an advisor, not an integration skill: it asks a few questions about your workflow, recommends the right product, then hands off to the matching Web skill. Describe your app, paste a screenshot of the screen you want to add scanning to, or drop in a photo of the label, package or ID you need to capture.
/data-capture-sdk I need to scan QR barcodes in a warehouse app on Web - which product should I use? I need to create a mode to build a list of the packages we receiveAlready know the product?
Go straight to its skill.
Integrate /sparkscan-web in my receiving mode in the app, making sure the UI respects the brand colorsMigrating an existing integration?
Most skills carry version migration guidance alongside first integration. The Barcode Capture, SparkScan and MatrixScan Batch skills also cover replacing a third-party scanner.
Migrate the implementation of /barcode-capture-web from SDK v6 API to v8Available skills for Web
Each skill targets a specific Scandit product on Web.
| Skill | Covers | Docs |
|---|---|---|
data-capture-sdk | Product-selection advisor — recommends the right Scandit product for your use case from a description, screenshot or photo, then hands off to the matching implementation skill. | — |
sparkscan-web | SparkScan integration & migration. | SparkScan |
barcode-capture-web | Barcode Capture (single-barcode scanning) integration & migration. | Barcode Capture |
matrixscan-batch-web | MatrixScan Batch (BarcodeBatch) integration & migration. | MatrixScan Batch |
matrixscan-ar-web | MatrixScan AR (Barcode AR) integration & migration. | MatrixScan AR |
label-capture-web | Smart Label Capture integration & migration. | Smart Label Capture |
id-capture-web | ID Capture (passport, driver’s license & ID document scanning) integration & migration. | ID Capture |
id-bolt | ID Bolt — hosted, drop-in web ID scanning that runs in a Scandit-hosted pop-up (no camera UI to build). | ID Bolt |
Manual installation
The command above covers every agent. If you would rather install from the plugin marketplace your agent ships with, pick it here.
Paste these in Claude Code, one at a time.
/plugin marketplace add scandit/skills/plugin install scandit-sdk@scandit-pluginsUpdates: Run /plugin → Marketplaces → scandit-plugins → Enable auto-update.
Install a single skill
Your agent only loads the skills your prompt needs, so the full plugin is usually the right choice. To install one skill on its own, name it — for example sparkscan-web:
npx skills add scandit/skills --skill sparkscan-webLearn more
- scandit/skills repository — source code and full catalog of Scandit skills.
- Agent Skills documentation — the open spec for the Agent Skills format used across tools.
Scandit also publishes AI-readable documentation in llms.txt and via Context7, so any AI agent — even without our skills installed — can pull in current, structured Scandit knowledge instead of relying on outdated training data.