Skip to main content
Install Replo’s skills in your coding workspace so your AI client can follow Replo’s patterns for branding, product data, page edits, and publishing.

​
Before you begin

  • Open the workspace where you want to work in Cursor, Claude Code, Codex, or another client that supports Agent Skills.
  • Connect Replo if you want the client to access your Replo projects. Installing skills alone does not connect your account.
  • In Claude, the Replo plugin already includes Replo skills. Replo skills for ChatGPT are still under review. The steps below install skills in coding clients.

​
Install in your workspace

1

Give your coding client the skills guide

Copy this page’s URL from your browser and paste it into your coding client’s chat with this request:
You can also run the installer yourself in the workspace terminal:
Follow the installer’s prompts to select your client and project scope. Use npx skills add replohq/skills --list to list available skills.
2

Check the installation

Ask your client to confirm that it can read the installed skills:
You should see the saved skill locations and a summary of their guidance. If your client does not discover the new skills, start a new chat in the same workspace.
3

Use them on a real task

Name your Replo project and site, then ask for an outcome. Use one of the examples below and replace the bracketed values.

​
Try a workflow

​
Bring in a Figma brand

The design must be accessible through a connected Figma account. The skills explain the workflow; they do not grant access to the file. Review the resulting brand kit and preview before applying more changes.

​
Build from your product catalog

Connect Shopify to the Replo project first. Check that the preview uses your actual products and that its links lead to the right pages.

​
Fix a mobile shopping flow

​
Keep skills current

Run this from your workspace to check for and install skill updates:

​
How skills work with Replo

Two ways an external agent works on a Replo project, and every skill says which it uses:
  1. Edit the site’s code directly. Every Replo site is a Next.js repo — resolve it with list_projects → list_sites, mint a key with create_api_key, clone per the Git docs, and edit with a local dev server. Publish with publish_site when the user asks.
  2. Use a dedicated Replo operation. create_site_page and edit_site_page delegate a selected page to the internal agent. create_or_update_brand_kit saves branding; apply_brand_kit_to_site applies it to a selected site. Continue within the original scope with the same dedicated tool with its sessionId and the returned sessionId. Generic project edits and report creation are not exposed.
Each skill links to its source. They are written for an agent to read, not a person, so install them rather than following them by hand.

​
Next steps

Edit your site locally

Ask your coding client to clone a site, start its preview, and make an edit.

Connect your coding client

Authorize access to your Replo projects.