Use Actions from the Arg SDK in HTML and React apps.
Import actions from @arg-ai/sdk in HTML modules, TSX, or JSX. Arg resolves the package inside previews; the viewer must grant Actions separately from Workspace access.
import { actions } from "@arg-ai/sdk";const catalog = await actions.list({ query: "generate image" });const schema = await actions.schema(catalog[0].id);const run = await actions.run(catalog[0].id, { prompt: "A red bicycle" });
Use the Arg SDK Actions guide for current methods, error handling, and runtime availability.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"arg.ai","colors":{"primary":"#18181B","light":"#A1A1AA","dark":"#27272A"},"logo":{"light":"https://mintcdn.com/relevanceai-docs/zsccF0hnTHoJIc4d/logo/light.svg?fit=max\u0026auto=format\u0026n=zsccF0hnTHoJIc4d\u0026q=85\u0026s=0e8f44bd3b309a747d1f730aff1238ce","dark":"https://mintcdn.com/relevanceai-docs/zsccF0hnTHoJIc4d/logo/dark.svg?fit=max\u0026auto=format\u0026n=zsccF0hnTHoJIc4d\u0026q=85\u0026s=3b87c38bf2bcd7b17b07a319d5550e4e"},"favicon":"https://mintcdn.com/relevanceai-docs/zsccF0hnTHoJIc4d/favicon.svg?fit=max\u0026auto=format\u0026n=zsccF0hnTHoJIc4d\u0026q=85\u0026s=f42be0aa1bc2118fed1fd28467715463","api":{"playground":{"display":"interactive"},"examples":{"defaults":"required","languages":["curl","python","javascript"],"prefill":true,"autogenerate":true}},"navbar":{"links":[{"href":"mailto:[email protected]","label":"Support"}],"primary":{"type":"button","label":"Open arg.ai","href":"https://arg.ai"}},"footer":{"socials":{"github":"https://github.com/arg-ai"}},"seo":{"metatags":{"og:type":"website","og:site_name":"arg.ai docs","twitter:card":"summary_large_image"},"indexing":"navigable"},"banner":{"content":"New: the [Agent API](/guides/agents/runs) and [Actions](/guides/actions) guides, plus a fully regenerated API reference. [See the changelog](/changelog).","dismissible":true},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode","download-spec"],"display":"header"},"styling":{"latex":false},"navigation":{"global":{"anchors":[{"anchor":"API Reference","icon":"terminal","href":"/api-reference/introduction"},{"anchor":"GitHub","icon":"github","href":"https://github.com/arg-ai"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"relevanceai-docs","hasAudioNarration":false,"actualSubdomain":"relevanceai-docs","customDomains":["developers.arg.ai"],"gitSource":{"type":"github","owner":"relevanceai","repo":"arg","deployBranch":"main","contentDirectory":"mintlify-docs","isPrivate":true,"mountPath":"","label":""},"entitlements":{"AI_CHAT":{"status":"ENABLED"},"WEB_MCP":{"status":"ENABLED"},"NARRATION":{"status":"ENABLED"}},"buildId":"6aed57a32ff3555c21a911a0","clientVersion":"0.0.4087","searchFilterCounts":[{"language":"default","tag":"API Reference","count":156},{"language":"default","tag":"Documentation","count":76},{"language":"default","tag":"Integrations","count":32},{"language":"default","tag":"Files","count":27},{"language":"default","tag":"Organizations","count":21},{"language":"default","tag":"Automations","count":14},{"language":"default","tag":"Agent","count":12},{"language":"default","tag":"Sites","count":12},{"language":"default","tag":"Arg SDK","count":11},{"language":"default","tag":"Workspaces","count":10}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":true,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"comment-mode","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[{"filePath":"custom.css","content":"[data-component-part=\"update-tag\"]{padding:2px 10px!important;border-radius:9999px!important;border:1px solid color-mix(in srgb, currentColor 24%, transparent);background:color-mix(in srgb, currentColor 12%, transparent);font-weight:500;line-height:1.5}[data-component-part=\"update-tag\"][data-tag=\"docs\"]{color:#6366f1}[data-component-part=\"update-tag\"][data-tag=\"files\"]{color:#0ea5e9}[data-component-part=\"update-tag\"][data-tag=\"models\"]{color:#8b5cf6}[data-component-part=\"update-tag\"][data-tag=\"workspaces\"]{color:#10b981}[data-component-part=\"update-tag\"][data-tag=\"sdk\"]{color:#f59e0b}[data-component-part=\"update-tag\"][data-tag=\"automations\"]{color:#ec4899}[data-component-part=\"update-tag\"][data-tag=\"api\"]{color:#14b8a6}:root{--arg-terminal-bg: #09090b;--arg-terminal-bar: #18181b;--arg-terminal-border: #27272a;--arg-terminal-title: #d4d4d8}.code-block:has(code[language=\"shellscript\"]),.code-block:has(code[language=\"bash\"]),.code-block:has(code[language=\"sh\"]),.code-block:has(code[language=\"shell\"]),.code-block:has(code[language=\"console\"]),.code-block:has(code[language=\"zsh\"]){background:var(--arg-terminal-bg)!important;border:1px solid var(--arg-terminal-border);box-shadow:0 1px 2px rgb(60 45 20 / 0.05),\n 0 6px 16px -4px rgb(60 45 20 / 0.1),\n 0 30px 70px -18px rgb(50 38 18 / 0.38)}.code-block:has(code[language=\"shellscript\"]) [data-component-part=\"code-block-root\"],.code-block:has(code[language=\"bash\"]) [data-component-part=\"code-block-root\"],.code-block:has(code[language=\"sh\"]) [data-component-part=\"code-block-root\"],.code-block:has(code[language=\"shell\"]) [data-component-part=\"code-block-root\"],.code-block:has(code[language=\"console\"]) [data-component-part=\"code-block-root\"],.code-block:has(code[language=\"zsh\"]) [data-component-part=\"code-block-root\"],.code-block:has(code[language=\"shellscript\"]) pre.shiki,.code-block:has(code[language=\"bash\"]) pre.shiki,.code-block:has(code[language=\"sh\"]) pre.shiki,.code-block:has(code[language=\"shell\"]) pre.shiki,.code-block:has(code[language=\"console\"]) pre.shiki,.code-block:has(code[language=\"zsh\"]) pre.shiki{background:transparent!important}.code-block:has(code[language=\"shellscript\"]) pre.shiki,.code-block:has(code[language=\"bash\"]) pre.shiki,.code-block:has(code[language=\"sh\"]) pre.shiki,.code-block:has(code[language=\"shell\"]) pre.shiki,.code-block:has(code[language=\"console\"]) pre.shiki,.code-block:has(code[language=\"zsh\"]) pre.shiki,.code-block:has(code[language=\"shellscript\"]) pre.shiki span,.code-block:has(code[language=\"bash\"]) pre.shiki span,.code-block:has(code[language=\"sh\"]) pre.shiki span,.code-block:has(code[language=\"shell\"]) pre.shiki span,.code-block:has(code[language=\"console\"]) pre.shiki span,.code-block:has(code[language=\"zsh\"]) pre.shiki span{color:var(--shiki-dark)!important}.code-block:has(code[language=\"shellscript\"]) .code-block-fade-overlay,.code-block:has(code[language=\"bash\"]) .code-block-fade-overlay,.code-block:has(code[language=\"sh\"]) .code-block-fade-overlay,.code-block:has(code[language=\"shell\"]) .code-block-fade-overlay,.code-block:has(code[language=\"console\"]) .code-block-fade-overlay,.code-block:has(code[language=\"zsh\"]) .code-block-fade-overlay{background:linear-gradient(\n to right,\n rgb(9 9 11 / 0) 0,\n rgb(9 9 11 / 0.85) 24px,\n var(--arg-terminal-bg) 48px\n )!important}.code-block:has(code[language=\"shellscript\"]) [data-component-part=\"code-block-header\"],.code-block:has(code[language=\"bash\"]) [data-component-part=\"code-block-header\"],.code-block:has(code[language=\"sh\"]) [data-component-part=\"code-block-header\"],.code-block:has(code[language=\"shell\"]) [data-component-part=\"code-block-header\"],.code-block:has(code[language=\"console\"]) [data-component-part=\"code-block-header\"],.code-block:has(code[language=\"zsh\"]) [data-component-part=\"code-block-header\"]{background:var(--arg-terminal-bar);border-bottom:1px solid var(--arg-terminal-border);padding:0.375rem 0.625rem 0.375rem 0.75rem}.code-block:has(code[language=\"shellscript\"]) [data-component-part=\"code-block-header-filename\"],.code-block:has(code[language=\"bash\"]) [data-component-part=\"code-block-header-filename\"],.code-block:has(code[language=\"sh\"]) [data-component-part=\"code-block-header-filename\"],.code-block:has(code[language=\"shell\"]) [data-component-part=\"code-block-header-filename\"],.code-block:has(code[language=\"console\"]) [data-component-part=\"code-block-header-filename\"],.code-block:has(code[language=\"zsh\"]) [data-component-part=\"code-block-header-filename\"]{color:var(--arg-terminal-title)!important;font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:0.75rem;user-select:none}.code-block:has(code[language=\"shellscript\"]) [data-component-part=\"code-block-header-filename\"]::before,.code-block:has(code[language=\"bash\"]) [data-component-part=\"code-block-header-filename\"]::before,.code-block:has(code[language=\"sh\"]) [data-component-part=\"code-block-header-filename\"]::before,.code-block:has(code[language=\"shell\"]) [data-component-part=\"code-block-header-filename\"]::before,.code-block:has(code[language=\"console\"]) [data-component-part=\"code-block-header-filename\"]::before,.code-block:has(code[language=\"zsh\"]) [data-component-part=\"code-block-header-filename\"]::before{content:\"\";flex:none;width:9px;height:9px;border-radius:9999px;background:#ff5f57;box-shadow:14px 0 0 #febc2e,\n 28px 0 0 #28c840;margin-right:2.375rem}"}],"page":{"pagePath":"guides/apps/actions-sdk","slug":"/guides/apps/actions-sdk","pageMetadata":{"title":"Actions in apps","description":"Use Actions from the Arg SDK in HTML and React apps.","href":"/guides/apps/actions-sdk"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Use Actions from the Arg SDK in HTML and React apps.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,code:`code`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{CodeBlock}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Import `,_jsx(_components.code,{children:`actions`}),` from `,_jsx(_components.code,{children:`@arg-ai/sdk`}),` in HTML modules, TSX, or JSX. Arg resolves the package inside previews; the viewer must grant Actions separately from Workspace access.`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`5`,language:`typescript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`typescript`,children:_jsxs(_components.code,{language:`typescript`,numberOfLines:`5`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`import`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`actions`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` } `}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:`from`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"@arg-ai/sdk\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`;`})]}),`\n`,_jsx(_components.span,{className:`line`}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` catalog`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:` await`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` actions`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`list`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`({ `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`query:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"generate image\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` });`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` schema`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:` await`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` actions`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`schema`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`catalog`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`[`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#B5CEA8`},children:`0`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`].`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`id`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`);`})]}),`\n`,_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#569CD6`},children:`const`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#4FC1FF`},children:` run`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#D4D4D4`},children:` =`}),_jsx(_components.span,{style:{color:`#CF222E`,\"--shiki-dark\":`#C586C0`},children:` await`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:` actions`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`.`}),_jsx(_components.span,{style:{color:`#8250DF`,\"--shiki-dark\":`#DCDCAA`},children:`run`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`(`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`catalog`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`[`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#B5CEA8`},children:`0`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`].`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`id`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:`, { `}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#9CDCFE`},children:`prompt:`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` \"A red bicycle\"`}),_jsx(_components.span,{style:{color:`#1F2328`,\"--shiki-dark\":`#D4D4D4`},children:` });`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Use the `,_jsx(_components.a,{href:`/guides/sdk/actions`,children:`Arg SDK Actions guide`}),` for current methods, error handling, and runtime availability.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Actions in apps","description":"Use Actions from the Arg SDK in HTML and React apps.","href":"/guides/apps/actions-sdk"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[],"codeExamples":{}},"jsLinks":["/_mintlify/custom/relevanceai-docs/b158b20cc35b89b7/custom.js"],"subdomain":"relevanceai-docs","siteName":"arg.ai","title":"Actions in apps - arg.ai","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-09-26T06:07:27.096Z","originalFileLocation":"guides/apps/actions-sdk.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Use Actions from the Arg SDK in HTML and React apps.\">\u003cmeta data-mint-head name=\"application-name\" content=\"arg.ai\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Actions in apps - arg.ai\">\u003cmeta data-mint-head property=\"og:description\" content=\"Use Actions from the Arg SDK in HTML and React apps.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"arg.ai docs\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://developers.arg.ai/guides/apps/actions-sdk\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://relevanceai-docs.mintlify.site/_mintlify/api/og/v2?division=Apps\u0026amp;title=Actions+in+apps\u0026amp;description=Use+Actions+from+the+Arg+SDK+in+HTML+and+React+apps.\u0026amp;theme=977ce49dde30d3c62b6e0fad\u0026amp;signature=8ad723970d23b669235a52c0a84206b1ec14995e9101dbfb05f9fb060529c4ce\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Actions in apps - arg.ai\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Use Actions from the Arg SDK in HTML and React apps.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://relevanceai-docs.mintlify.site/_mintlify/api/og/v2?division=Apps\u0026amp;title=Actions+in+apps\u0026amp;description=Use+Actions+from+the+Arg+SDK+in+HTML+and+React+apps.\u0026amp;theme=977ce49dde30d3c62b6e0fad\u0026amp;signature=8ad723970d23b669235a52c0a84206b1ec14995e9101dbfb05f9fb060529c4ce\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/relevanceai-docs/AkHi6r04eAFa6tzw/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"arg.ai\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#18181B\">\u003clink data-mint-head rel=\"canonical\" href=\"https://developers.arg.ai/guides/apps/actions-sdk\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/guides/apps/actions-sdk.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://developers.arg.ai/#organization\",\"name\":\"arg.ai\",\"url\":\"https://developers.arg.ai\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/relevanceai-docs/zsccF0hnTHoJIc4d/logo/light.svg?fit=max\u0026auto=format\u0026n=zsccF0hnTHoJIc4d\u0026q=85\u0026s=0e8f44bd3b309a747d1f730aff1238ce\"}},{\"@type\":\"WebSite\",\"@id\":\"https://developers.arg.ai#website\",\"name\":\"arg.ai\",\"url\":\"https://developers.arg.ai\",\"publisher\":{\"@id\":\"https://developers.arg.ai/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://developers.arg.ai/guides/apps/actions-sdk#webpage\",\"url\":\"https://developers.arg.ai/guides/apps/actions-sdk\",\"name\":\"Actions in apps\",\"description\":\"Use Actions from the Arg SDK in HTML and React apps.\",\"dateModified\":\"2026-09-26T06:07:27.096Z\",\"isPartOf\":{\"@id\":\"https://developers.arg.ai#website\"},\"breadcrumb\":{\"@id\":\"https://developers.arg.ai/guides/apps/actions-sdk#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://developers.arg.ai/guides/apps/actions-sdk#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Apps\",\"item\":\"https://developers.arg.ai/guides/apps/react-apps\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Actions in apps\",\"item\":\"https://developers.arg.ai/guides/apps/actions-sdk\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://developers.arg.ai/guides/apps/actions-sdk#article\",\"headline\":\"Actions in apps\",\"name\":\"Actions in apps\",\"description\":\"Use Actions from the Arg SDK in HTML and React apps.\",\"url\":\"https://developers.arg.ai/guides/apps/actions-sdk\",\"mainEntityOfPage\":{\"@id\":\"https://developers.arg.ai/guides/apps/actions-sdk#webpage\"},\"dateModified\":\"2026-09-26T06:07:27.096Z\",\"publisher\":{\"@id\":\"https://developers.arg.ai/#organization\"},\"isPartOf\":{\"@id\":\"https://developers.arg.ai#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"arg.ai\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"arg.ai","nav":{"global":{"anchors":[{"anchor":"API Reference","icon":"terminal","href":"/api-reference/introduction"},{"anchor":"GitHub","icon":"github","href":"https://github.com/arg-ai"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Getting started","pages":[{"title":"Introduction","href":""},{"title":"Quickstart","href":"/guides/quickstart"},{"title":"TypeScript SDK","href":"/guides/typescript-sdk"},{"title":"Authentication","href":"/guides/authentication"},{"title":"API Keys","href":"/guides/api-keys"}]},{"group":"Building with agents","pages":[{"title":"Agents overview","href":"/guides/agents/overview"},{"title":"Agent runs","href":"/guides/agents/runs"},{"title":"Skills and subagents","href":"/guides/agents/skills"},{"title":"Unattended runs","href":"/guides/agents/unattended"}]},{"group":"Core concepts","pages":[{"title":"Organizations","href":"/guides/organizations"},{"title":"Workspaces","href":"/guides/workspaces"},{"title":"Files","href":"/guides/files"},{"title":"Tools","href":"/guides/tools"},{"title":"Actions","href":"/guides/actions"},{"title":"Search","href":"/guides/search"},{"title":"Servers","href":"/guides/tunnels"},{"title":"MCP","href":"/guides/mcp"},{"title":"OpenAI SDK","href":"/guides/openai-sdk"},{"title":"Anthropic SDK","href":"/guides/anthropic-sdk"}]},{"group":"Apps","pages":[{"title":"React app SDKs","href":"/guides/apps/react-apps"},{"title":"@arg/ui","description":"Use Arg's exact shared React controls in a live TSX or JSX workspace app.","href":"/guides/apps/ui-sdk"},{"title":"Actions in apps","href":"/guides/apps/actions-sdk"},{"title":"Full-view apps","description":"Open finished HTML, TSX, and JSX apps as preview-first workspace experiences.","href":"/guides/apps/full-view"},{"title":"Link previews","href":"/guides/apps/link-previews"}]},{"group":"Arg SDK","pages":[{"title":"Arg SDK overview","href":"/guides/sdk/overview"},{"title":"Apps inside Arg","href":"/guides/sdk/embedded-apps"},{"title":"Multiplayer apps","href":"/guides/sdk/multiplayer"},{"title":"Workspace files","href":"/guides/sdk/files"},{"title":"Chats and workspaces","href":"/guides/sdk/chat"},{"title":"Actions, agents and resources","href":"/guides/sdk/actions"},{"title":"Servers and CI","href":"/guides/sdk/server"},{"title":"Local development","href":"/guides/sdk/local"},{"title":"Published Sites and hosted frontends","href":"/guides/sdk/hosted-sites"},{"title":"Agent scripts","href":"/guides/sdk/agent-scripts"},{"title":"SDK reference","href":"/guides/sdk/reference"}]},{"group":"Integrations","pages":[{"title":"Integrations","href":"/guides/integrations/overview"},{"title":"GitHub","href":"/guides/integrations/github"},{"title":"Google","href":"/guides/integrations/google"},{"title":"Microsoft","href":"/guides/integrations/microsoft"},{"title":"Slack","href":"/guides/integrations/slack"},{"title":"Notion","href":"/guides/integrations/notion"},{"title":"Linear","href":"/guides/integrations/linear"},{"title":"Jira","href":"/guides/integrations/jira"},{"title":"Confluence","href":"/guides/integrations/confluence"},{"title":"Airtable","href":"/guides/integrations/airtable"},{"title":"HubSpot","href":"/guides/integrations/hubspot"},{"title":"Monday.com","href":"/guides/integrations/monday"},{"title":"Salesforce","href":"/guides/integrations/salesforce"},{"title":"Twilio","href":"/guides/integrations/twilio"},{"title":"ElevenLabs","href":"/guides/integrations/elevenlabs"},{"title":"Vapi","href":"/guides/integrations/vapi"},{"title":"Retell AI","href":"/guides/integrations/retell"},{"title":"Bland AI","href":"/guides/integrations/bland"},{"title":"Firmable","href":"/guides/integrations/firmable"},{"title":"Exa","href":"/guides/integrations/exa"},{"title":"Firecrawl","href":"/guides/integrations/firecrawl"},{"title":"Parallel","href":"/guides/integrations/parallel"},{"title":"SendGrid","href":"/guides/integrations/sendgrid"},{"title":"Resend","href":"/guides/integrations/resend"},{"title":"Smartlead","href":"/guides/integrations/smartlead"},{"title":"Ashby","href":"/guides/integrations/ashby"},{"title":"Avoma","href":"/guides/integrations/avoma"},{"title":"treg","href":"/guides/integrations/treg"},{"title":"Databricks","href":"/guides/integrations/databricks"},{"title":"Gong","href":"/guides/integrations/gong"},{"title":"Jev","href":"/guides/integrations/jev"},{"title":"Zoom","href":"/guides/integrations/zoom"}]},{"group":"Command line","pages":[{"title":"Command line (arg CLI)","href":"/guides/cli"}]},{"group":"Recipes \u0026 patterns","pages":[{"title":"Overview","href":"/guides/recipes/overview"},{"title":"Sync a local folder","href":"/guides/recipes/sync-folder"},{"title":"Agent loop with arg","href":"/guides/recipes/agent-loop"},{"title":"Accumulate structured data","href":"/guides/recipes/accumulate-data"},{"title":"Automations \u0026 reactions","href":"/guides/recipes/automations"},{"title":"Worked example","href":"/guides/recipes/worked-example"},{"title":"Developer templates","href":"/guides/recipes/developer-templates"}]},{"group":"Changelog","pages":[{"title":"Changelog","href":"/changelog"}]}]},{"tab":"API Reference","pages":[{"title":"API Reference","href":"/api-reference/introduction"}]}]},"basePath":"","title":"Actions in apps - arg.ai","buildId":"dpl_FWZhTb2vab28gFGFH4ojka6qEznQ","deploymentId":"dpl_FWZhTb2vab28gFGFH4ojka6qEznQ","dynamics":["10e4515597"],"chunks":["BannerMarkdown-C79IUEr8.js","dist-DE3EVdvd.js","lib-DuNMoZ05.js","lib-B8HbPgcC.js","clsx-DK3K4Z1S.js","html-void-elements-mCSPHezU.js","katex-YMM-FMeD.js","marked.esm-CZWythHk.js"]}