<section class="SCSV3-Hero SCSV3-Hero-type" data-cat="ai">
  <div class="SCSV3-Hero_orb SCSV3-Hero_orb-1"></div>
  <div class="SCSV3-Hero_orb SCSV3-Hero_orb-2"></div>
  <div class="SCSV3-Hero_orb SCSV3-Hero_orb-3"></div>
  <div class="SCSV3-Hero_inner">
    <h1 class="SCSV3-Hero_title">AI Agents</h1><div class="SCSV3-Hero_lede SCSV3-Prose"><p>Build on StoreConnect with AI agents. Connect an agent to your store, teach it how StoreConnect works, and make changes in plain language.</p>
</div></div>
</section>
<section class="SCSV3-TypeListing" id="scsv3-main" data-cat="ai">
  <div class="SCSV3-TypeListing_layout">

    <aside class="SCSV3-TypeListing_toc" aria-label="On this page">
      <div class="SCSV3-Toc">
        <p class="SCSV3-Toc_label">On this page</p>
        <ul class="SCSV3-Toc_list">
          <li><a href="#start-building">Start building with AI agents</a></li>
          <li><a href="#agent-skills">Agent skills</a></li><li><a href="#guides">Guides</a></li>
        </ul>
      </div>
    </aside>

    <div class="SCSV3-TypeListing_main">

      <section class="SCSV3-TypeSection" id="start-building">
        <header class="SCSV3-TypeSection_header">
          <h2 class="SCSV3-TypeSection_title">Start building on StoreConnect with AI agents</h2>
        </header>
        <p class="SCSV3-AiLead">Every StoreConnect store has its own MCP gateway that lets AI agents act in your store. Prompt for design and configuration updates in plain language and watch the changes happen in minutes.</p>
        <div class="SCSV3-TypeCardGrid SCSV3-AiCtaGrid"><div class="SCSV3-TypeCard SCSV3-AiCard SCSV3-TypeCard-locked" aria-disabled="true">
              <h3 class="SCSV3-TypeCard_title">Connect to the MCP</h3>
              <p class="SCSV3-TypeCard_summary">Find your store's MCP gateway to get started.</p>
              <span class="SCSV3-Chip">Coming soon</span>
            </div><a class="SCSV3-TypeCard SCSV3-AiCard" href="/articles/install-ai-skills">
              <h3 class="SCSV3-TypeCard_title">Download agent skills</h3>
              <p class="SCSV3-TypeCard_summary">Teach your agent how to use StoreConnect.</p>
            </a><a class="SCSV3-TypeCard SCSV3-AiCard" href="/articles/use-ai-agents-with-storeconnect">
              <h3 class="SCSV3-TypeCard_title">View the docs</h3>
              <p class="SCSV3-TypeCard_summary">Learn more about using AI agents.</p>
            </a></div>
      </section>

      <section class="SCSV3-TypeSection" id="agent-skills">
        <header class="SCSV3-TypeSection_header">
          <h2 class="SCSV3-TypeSection_title">Agent skills - download a kit or DIY</h2>
        </header>
        <p class="SCSV3-AiLead">Download skills for your chosen AI tool or use the open skills format for working with your preferred stack. See <a href="https://github.com/GetStoreConnect/ai" target="_blank" rel="noopener">GetStoreConnect/ai</a>.</p>
        <div class="SCSV3-AiProviders" data-ai-providers="">
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-claude">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z" /></svg></span>
            <span class="SCSV3-AiProvider_name">Claude</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-codex">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" /></svg></span>
            <span class="SCSV3-AiProvider_name">Codex &amp; ChatGPT</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-gemini">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81" /></svg></span>
            <span class="SCSV3-AiProvider_name">Gemini CLI</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-copilot">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23.922 16.997C23.061 18.492 18.063 22.02 12 22.02 5.937 22.02.939 18.492.078 16.997A.641.641 0 0 1 0 16.741v-2.869a.883.883 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.098 10.098 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952C7.255 2.937 9.248 1.98 11.978 1.98c2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.841.841 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256Zm-11.75-5.992h-.344a4.359 4.359 0 0 1-.355.508c-.77.947-1.918 1.492-3.508 1.492-1.725 0-2.989-.359-3.782-1.259a2.137 2.137 0 0 1-.085-.104L4 11.746v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.359 4.359 0 0 1-.355-.508Zm2.328 3.25c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm-5 0c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm3.313-6.185c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z" /></svg></span>
            <span class="SCSV3-AiProvider_name">GitHub Copilot CLI</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-cursor">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M11.503.131 1.891 5.678a.84.84 0 0 0-.42.726v11.188c0 .3.162.575.42.724l9.609 5.55a1 1 0 0 0 .998 0l9.61-5.55a.84.84 0 0 0 .42-.724V6.404a.84.84 0 0 0-.42-.726L12.497.131a1.01 1.01 0 0 0-.996 0M2.657 6.338h18.55c.263 0 .43.287.297.515L12.23 22.918c-.062.107-.229.064-.229-.06V12.335a.59.59 0 0 0-.295-.51l-9.11-5.257c-.109-.063-.064-.23.061-.23" /></svg></span>
            <span class="SCSV3-AiProvider_name">Cursor</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-antigravity">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21.751 22.607c1.34 1.005 3.35.335 1.508-1.508C17.73 15.74 18.904 1 12.037 1 5.17 1 6.342 15.74.815 21.1c-2.01 2.009.167 2.511 1.507 1.506 5.192-3.517 4.857-9.714 9.715-9.714 4.857 0 4.522 6.197 9.714 9.715z" /></svg></span>
            <span class="SCSV3-AiProvider_name">Google Antigravity</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-kiro">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4.594 6.677C6.67-2.226 18.746-2.211 21.16 6.632c.353 1.297 1.725 7.582-1.673 13.747-1.545 2.797-5.841 5.49-6.99 1.883C8.6 25.477 3.315 24.1 5.789 18.609l-.318.143c-3.57 1.305-3.863-1.208-3.173-2.513.45-.84.727-1.335.937-1.897.353-.975.458-1.568.593-2.498.27-1.837.277-3.607.765-5.167zm8.37.01a.92.92 0 00-.81.428c-.217.323-.33.825-.33 1.462 0 .705.15 1.89 1.14 1.89h.008c.757 0 1.214-.705 1.214-1.89 0-.622-.127-1.125-.367-1.455a1.014 1.014 0 00-.855-.435zm4.08 0a.92.92 0 00-.81.428c-.217.323-.33.825-.33 1.462 0 .705.15 1.89 1.14 1.89h.008c.757 0 1.215-.705 1.215-1.89 0-.622-.128-1.125-.368-1.455a1.014 1.014 0 00-.855-.435z" /></svg></span>
            <span class="SCSV3-AiProvider_name">Kiro</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-grok">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9.27 15.29l7.978-5.897c.391-.29.95-.177 1.137.272.98 2.369.542 5.215-1.41 7.169-1.951 1.954-4.667 2.382-7.149 1.406l-2.711 1.257c3.889 2.661 8.611 2.003 11.562-.953 2.341-2.344 3.066-5.539 2.388-8.42l.006.007c-.983-4.232.242-5.924 2.75-9.383.06-.082.12-.164.179-.248l-3.301 3.305v-.01L9.267 15.292M7.623 16.723c-2.792-2.67-2.31-6.801.071-9.184 1.761-1.763 4.647-2.483 7.166-1.425l2.705-1.25a7.808 7.808 0 00-1.829-1A8.975 8.975 0 005.984 5.83c-2.533 2.536-3.33 6.436-1.962 9.764 1.022 2.487-.653 4.246-2.34 6.022-.599.63-1.199 1.259-1.682 1.925l7.62-6.815" /></svg></span>
            <span class="SCSV3-AiProvider_name">Grok Build</span>
          </button>
          <button type="button" class="SCSV3-AiProvider" data-ai-install-toggle="" aria-expanded="false" aria-controls="ai-install-agentforce">
            <span class="SCSV3-AiProvider_logo"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M10.006 5.415a4.195 4.195 0 013.045-1.306c1.56 0 2.954.9 3.69 2.205.63-.3 1.35-.45 2.1-.45 2.85 0 5.159 2.34 5.159 5.22s-2.31 5.22-5.176 5.22c-.345 0-.69-.044-1.02-.104a3.75 3.75 0 01-3.3 1.95c-.6 0-1.155-.15-1.65-.375A4.314 4.314 0 018.88 20.4a4.302 4.302 0 01-4.05-2.82c-.27.062-.54.076-.825.076-2.204 0-4.005-1.8-4.005-4.05 0-1.5.811-2.805 2.01-3.51-.255-.57-.39-1.2-.39-1.846 0-2.58 2.1-4.65 4.65-4.65 1.53 0 2.85.705 3.72 1.8" /></svg></span>
            <span class="SCSV3-AiProvider_name">Agentforce</span>
          </button>
        </div>
        <div class="SCSV3-AiInstalls">
          <div class="SCSV3-AiInstall" id="ai-install-claude" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Claude</h3>
            <p class="SCSV3-AiInstall_sub">Claude Code</p>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>claude plugin marketplace add GetStoreConnect/ai --sparse .claude-plugin providers/claude/storeconnect
claude plugin install storeconnect@storeconnect-ai</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="claude plugin marketplace add GetStoreConnect/ai --sparse .claude-plugin providers/claude/storeconnect &amp;&amp; claude plugin install storeconnect@storeconnect-ai" aria-label="Copy the Claude install commands">Copy</button>
            </div>
            <p class="SCSV3-AiInstall_note">In the Claude apps (web, desktop, and mobile), open <strong>Settings</strong>, then <strong>Plugins</strong>, choose <strong>Add marketplace</strong>, and enter <code>GetStoreConnect/ai</code>. Organization owners can add the marketplace for everyone from the <a href="https://claude.ai/new#settings/customize-plugins" target="_blank" rel="noopener">organization plugin settings</a>.</p><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-codex" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Codex &amp; ChatGPT</h3>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>npx skills add GetStoreConnect/ai</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="npx skills add GetStoreConnect/ai" aria-label="Copy the Codex &amp; ChatGPT install command">Copy</button>
            </div><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-gemini" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Gemini CLI</h3>
            <p class="SCSV3-AiInstall_sub">Install the provider directory from a checkout</p>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>git clone --depth 1 https://github.com/GetStoreConnect/ai.git storeconnect-ai
gemini extensions install ./storeconnect-ai/providers/gemini/storeconnect</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="git clone --depth 1 https://github.com/GetStoreConnect/ai.git storeconnect-ai &amp;&amp; gemini extensions install ./storeconnect-ai/providers/gemini/storeconnect" aria-label="Copy the Gemini CLI install commands">Copy</button>
            </div><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-copilot" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for GitHub Copilot CLI</h3>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>npx skills add GetStoreConnect/ai</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="npx skills add GetStoreConnect/ai" aria-label="Copy the GitHub Copilot CLI install command">Copy</button>
            </div><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-cursor" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Cursor</h3>
            <p class="SCSV3-AiInstall_sub">Open skills format</p>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>npx skills add GetStoreConnect/ai</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="npx skills add GetStoreConnect/ai" aria-label="Copy the Cursor install commands">Copy</button>
            </div>
            <p class="SCSV3-AiInstall_note">Cursor uses the package at <code>providers/cursor/storeconnect</code> in the repository, or the open skills format above.</p><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-antigravity" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Google Antigravity</h3>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>agy plugin install ./providers/antigravity/storeconnect</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="agy plugin install ./providers/antigravity/storeconnect" aria-label="Copy the Google Antigravity install commands">Copy</button>
            </div>
            <p class="SCSV3-AiInstall_note">You can also install the skills at workspace scope with the open skills format.</p><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-kiro" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Kiro</h3>
            <div class="SCSV3-AiInstall_cmd">
              <pre><code>npx skills add GetStoreConnect/ai --agent kiro-cli --skill '*' --copy</code></pre>
              <button type="button" class="SCSV3-AiInstall_copy" data-ai-copy="npx skills add GetStoreConnect/ai --agent kiro-cli --skill '*' --copy" aria-label="Copy the Kiro install commands">Copy</button>
            </div><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-grok" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Grok Build</h3>
            <p class="SCSV3-AiInstall_note">Install StoreConnect from the xAI plugin marketplace inside Grok Build.</p><p class="SCSV3-AiInstall_more"><a href="/articles/install-ai-skills">Full install guide &rarr;</a></p></div>
          <div class="SCSV3-AiInstall" id="ai-install-agentforce" hidden="">
            <h3 class="SCSV3-AiInstall_title">Install for Agentforce</h3>
            <p class="SCSV3-AiInstall_note">Agentforce agents are Salesforce-native and set up inside your org rather than installed into an AI tool. See the <a href="/articles/ai-agent-agentforce">Agentforce AI agents</a> guides.</p>
          </div>
        </div>
      </section><section class="SCSV3-TypeSection" id="guides">
        <header class="SCSV3-TypeSection_header">
          <h2 class="SCSV3-TypeSection_title">Guides</h2>
        </header><div class="SCSV3-TypeCardGrid"><a class="SCSV3-TypeCard" href="/articles/use-ai-agents-with-storeconnect">
                <h3 class="SCSV3-TypeCard_title">Build on StoreConnect using AI agents</h3><p class="SCSV3-TypeCard_summary">How to build, design, and configure your store with external AI agents and coding assistants. Connect your store&#39;s MCP server and the StoreConn...</p></a><a class="SCSV3-TypeCard" href="/articles/connect-an-ai-agent-to-your-store">
                <h3 class="SCSV3-TypeCard_title">Connect an AI agent to your store</h3><p class="SCSV3-TypeCard_summary">Describes the StoreConnect MCP connection, the AI agents it supports, and how to connect safely. Access via your store&#39;s MCP endpoint, with per...</p></a><a class="SCSV3-TypeCard" href="/articles/install-ai-skills">
                <h3 class="SCSV3-TypeCard_title">Install the StoreConnect AI skills</h3><p class="SCSV3-TypeCard_summary">Install the StoreConnect AI skills so your AI assistant knows how StoreConnect themes, forms, products, and POS actually work, using the open skill...</p></a><a class="SCSV3-TypeCard" href="/articles/agent-recipes">
                <h3 class="SCSV3-TypeCard_title">Agent recipes</h3><p class="SCSV3-TypeCard_summary">Step-by-step sequences for driving StoreConnect with an AI coding agent, such as building a complete store from scratch. Use these when you want an...</p></a></div></section>

    </div>
  </div>
</section>
<script>
  (function () {
    document.querySelectorAll('.SCSV3-Toc_list a[href^="#"], .SCSV3-AiCard[href^="#"]').forEach(function (link) {
      link.addEventListener('click', function (e) {
        var target = link.getAttribute('href');
        var el = target.length > 1 ? document.querySelector(target) : null;
        if (!el) return;
        e.preventDefault();
        el.scrollIntoView({ behavior: 'smooth', block: 'start' });
        history.replaceState(null, '', target);
      });
    });

    var toggles = Array.prototype.slice.call(document.querySelectorAll('[data-ai-install-toggle]'));
    function closeAll(except) {
      toggles.forEach(function (b) {
        if (b === except) return;
        b.setAttribute('aria-expanded', 'false');
        b.classList.remove('is-selected');
        var p = document.getElementById(b.getAttribute('aria-controls'));
        if (p) p.hidden = true;
      });
    }
    toggles.forEach(function (btn) {
      btn.addEventListener('click', function () {
        var panel = document.getElementById(btn.getAttribute('aria-controls'));
        if (!panel) return;
        var open = btn.getAttribute('aria-expanded') === 'true';
        closeAll(btn);
        btn.setAttribute('aria-expanded', open ? 'false' : 'true');
        btn.classList.toggle('is-selected', !open);
        panel.hidden = open;
        if (!open) panel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
      });
    });

    document.querySelectorAll('[data-ai-copy]').forEach(function (btn) {
      btn.addEventListener('click', function () {
        var text = btn.getAttribute('data-ai-copy') || '';
        var done = function () {
          var was = btn.textContent;
          btn.textContent = 'Copied';
          setTimeout(function () { btn.textContent = was; }, 1600);
        };
        if (navigator.clipboard && navigator.clipboard.writeText) {
          navigator.clipboard.writeText(text).then(done);
        } else {
          var ta = document.createElement('textarea');
          ta.value = text;
          document.body.appendChild(ta);
          ta.select();
          try { document.execCommand('copy'); } catch (e) {}
          document.body.removeChild(ta);
          done();
        }
      });
    });
  })();
</script>

