Build with your coding agent
Let a coding agent (Claude Code, Cursor, Codex, Copilot, or similar) walk you through the integration as a conversation. It reads your project, asks which path you want, collects the keys it needs, and implements the SDK or API step by step using these docs.
Copy the prompt
Section titled “Copy the prompt”Paste this into your agent from the root of your project.
Help me add Antla virtual try-on to this project. Act as my integration guide and work through it with me as a conversation.
1. Load the Antla integration skill from https://antla.io/skill/antla-try-on/SKILL.md and read the reference files it points to as you need them. If you support installable skills, download https://antla.io/downloads/antla-try-on-skill.zip and install it into your skills folder first.2. Before asking me anything, inspect this codebase: the framework, the product page, how it knows the current product and variant, and how the cart works.3. Ask me one question at a time. Help me choose between the Headless SDK (Antla's UI) and the Headless API (my own UI), then ask only for what that path needs, such as the script URL, the API base URL, and the Antla key. Never ask me for Shopify private Storefront tokens or Admin credentials.4. Propose a short plan and wait for my go-ahead. Then implement it one step at a time, explaining each change.5. Finish by walking me through the launch checklist from the skill.| Resource | What it is |
|---|---|
| Agent skill (.zip) | Install in Claude Code, Cursor, Codex, or any agent that supports skills. Includes every page of these docs. |
| SKILL.md | Point any agent at the skill file directly. It links to the reference pages it needs. |
| llms.txt | A plain index of every page as Markdown, for agents that read documentation. |
| OpenAPI (3.1) | The specification for all seven Headless API operations. |
Install the skill
Section titled “Install the skill”The skill is a folder with a SKILL.md and the full documentation as reference files. It follows the open Agent Skills format.
- Download: antla-try-on-skill.zip
- Claude Code: unzip into
.claude/skills/in your project, or~/.claude/skills/for every project. - Other agents: unzip into the agent’s skills folder, or point it at SKILL.md directly.
Once installed, ask your agent to “add Antla try-on” and it picks the skill up on its own.
What the agent will do
Section titled “What the agent will do”- Read your code before asking questions.
- Help you choose Headless SDK or Headless API.
- Ask for the script URL, API base URL, and key from the merchant’s Antla installation. You copy these from Antla → Integrations.
- Implement the path in small steps: script and
<antla-block>, or the upload, generation, and polling flow. - Connect cart identity through the Shopify Storefront Cart API.
- Walk through the launch checklist.
The agent works from the same pages you are reading. If it suggests an endpoint, attribute, or field you cannot find here, treat that as a mistake.
For agents
Section titled “For agents”A plain index of every page is at /llms.txt. Each page is also available as Markdown from the link at the bottom of the page.