Agent Skills
Let your coding agent add and run the Asyntai AI chatbot
Overview
Agent skills are instruction files that coding agents read. The Asyntai skills teach your agent how to put the Asyntai AI chatbot on your website and how to run it from chat.
They work with Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode, Windsurf and the other agents that read SKILL.md files.
The Skills
| Skill | What it does |
|---|---|
add-ai-chatbot | Adds the chatbot to a website or web app. It finds your stack (HTML, React, Next.js, Vue, Nuxt, SvelteKit, Angular, Astro, Laravel, Django, Rails and more) and puts the widget in the right layout file. For hosted platforms such as WordPress, Shopify, Wix and Webflow, it gives you the matching install guide. |
manage-ai-support-agent | Connects the Asyntai MCP server and runs the chatbot from chat: add knowledge, crawl a site, edit the instructions, change the widget look, read conversations and leads, and reply live to visitors. |
Installation
Install the Skills
Run this command in your project folder:
npx skills add asyntai/agent-skills
The command asks which agents to install for. To install one skill only, add --skill add-ai-chatbot.
Ask Your Agent
Start your agent in the project and ask, for example:
- "Add an AI support chatbot to this site."
- "Add the pages of example.com to my Asyntai chatbot and test it."
- "Show me what visitors asked my chatbot this week."
Give the Widget ID
The agent asks for your widget ID. Sign in to Asyntai and open the Install page. The widget ID is the value of data-asyntai-id in the snippet. It starts with asyntai_. If the Asyntai MCP server is connected, the agent reads the ID itself.
How It Works
The add-ai-chatbot skill uses the same snippet as the install guide. It puts the snippet once in the layout that every page shares, so the chat shows on every page. The snippet waits for the page's load event, so your own content always renders first.
For Next.js it uses next/script. For tools that have an Asyntai package, such as Astro, Nuxt, Gatsby, Docusaurus and MkDocs, it offers the package.
Tip: Install manage-ai-support-agent too. After the widget is on the site, your agent can add your pages as knowledge and test the answers in the same chat.
Updating and Removing
Run npx skills update to get the newest version. Run npx skills remove add-ai-chatbot manage-ai-support-agent to remove the skills. The chatbot stays on your site until you delete the snippet.
Plans & Pricing
The skills are free. View pricing.
Need Help?
If you have any questions or run into issues, contact us at [email protected].