ReviewForest
How To
How To

Let your AI coding agent install your review widgets

Leon

By Leon

3 mins read

Putting your reviews on your website has always worked the same way: copy a code snippet from your dashboard, find the right spot in your site’s code, paste it in. Not hard. But if you build your website with an AI coding agent these days (Claude Code, Cursor, Codex, Copilot), even that little copy-paste dance is more manual than it needs to be.

So we taught the agents how our widgets work.

A skill your agent can read

We publish an official skill at github.com/reviewforest/skills. A skill is a small instruction file your coding agent reads before it starts working. Think of it as an onboarding doc written for AIs instead of people. Ours explains what an agent needs to know about ReviewForest widgets: all 7 widget types, where each one should go, which ones need room to breathe, and how our API works if you want a fully custom design.

It follows the open Agent Skills standard, so it’s not tied to one tool. Claude Code, Cursor, Codex, GitHub Copilot and dozens of other agents can all use it.

How it works

Run this once in your project folder:

npx skills add reviewforest/skills

Then tell your agent what you want, in plain language, and paste in your widget code from the dashboard:

Add my ReviewForest testimonials carousel to the homepage, below the hero section:

<script src="https://widgets.reviewforest.org/main.js" defer></script>
<div class="reviewforest-app-YOUR-WIDGET-ID"></div>

That’s it. You don’t explain where the script tag goes or why a floating badge belongs at the end of the page — the skill already covers that. When your agent is done, reload the page and give it a quick look: widget there, your real reviews in it, and still looking right on a phone.

You still design the widget itself in your ReviewForest dashboard, exactly like before. The skill doesn’t change what the widget looks like, it just handles the installing part.

Want a fully custom design instead?

The skill covers a second route: instead of embedding one of our ready-made widgets, your agent can fetch your review data from our API and build its own components: React, Vue, plain HTML, whatever your project uses. Your score, your review count, your planted trees, the reviews themselves. No ReviewForest JavaScript loads on your page.

You’ll need an API key for that. Create a dedicated one with just the Website-Widgets scope. That scope only allows reading the data a widget shows, which is why it can sit openly in your page source. A key with any other scope doesn’t belong in your frontend, and shouldn’t go into a chat with your agent either. The help article covers the details.

Not working in a code editor?

Then this isn’t for you, and that’s fine. If your site runs on Wix, Squarespace, Jimdo or another builder, there’s nothing to install. Our step-by-step guides walk you through it the classic way.

For everyone else: the full walkthrough, including prompt examples for badges and custom designs, is in the help center under Install widgets with an AI coding agent. And if you’re curious what your agent actually reads, the skill is public: github.com/reviewforest/skills.

Recent posts