Add AIML.chat Widget is a free, MIT-licensed agent skill that drops the embed snippet into any page or framework correctly, with your site key in the right place. Point your coding agent at it and the widget loads on the first try — no guessing where the script tag goes.
What it does
The skill knows the one-line AIML.chat embed and where it belongs in each kind of project: a raw HTML page, a templating layout, or a component-based app. It places the script before the closing body tag, wires your publishable site key, and respects the framework's conventions so the widget isn't stripped by hydration or a build step. It also sets the optional appearance and position attributes so the widget matches your site. Because the embed is a single async script served from the CDN, it adds no measurable weight to your page and loads after your content.
The skill
name: aiml-add-widget
Use when a user wants to add the AIML.chat chat widget to a website.
Steps:
1. Identify the project type (static HTML, server template, or SPA/SSR).
2. Get the site's publishable key (aiml_pk_...) from AIML.chat → Websites.
3. Insert the async embed script with the key just before </body>,
or the framework's equivalent injection point.
4. Set optional data attributes (position, accent) and verify it loads.
How to use it
Copy the SKILL.md into your agent framework's skills folder and run it whenever you need to install the widget. It pairs with the framework-specific setup skills when you want deeper integration — see the Next.js setup skill and the WordPress setup skill. For the manual steps, the integrations overview walks through each platform.
Ready to go live? Start free, grab your site key, and the widget is on your site in a couple of minutes — see pricing for message and site limits.
Is this skill free?+
Yes — it is MIT-licensed and free to copy. Using the widget counts toward your plan's message limits; see pricing.
Will the script slow my page down?+
No. It's a single async script from the CDN that loads after your content, adding no measurable render cost.
Which frameworks does it handle?+
Static HTML, server-rendered templates, and SPA/SSR apps — it places the embed at the correct injection point for each.