WeWeb agent skills for Claude Code, Cursor and RevampKey

5 ready-made playbooks that teach an AI agent how to do real WeWeb work: which tools to call, what to check first, and when to stop and ask you.

Download RevampKey, free I have it: connect WeWeb

Connect WeWeb once and all 5 skills install themselves and stay up to date. Mac, Windows and Linux.

All 5 WeWeb skills

Each skill is one job. You ask in plain words and the agent loads the skill that matches, then follows its steps.

Start hereAsks before writing24 WeWeb tools

WeWeb MCP essentials

Connect your AI client to WeWeb and work on the right project safely. The agent confirms the workspace and project first, checks trial and plan access, and asks for your explicit yes before changing anything.

Use it when

You are connecting WeWeb to Claude, Cursor or another AI client for the first time
You need to know which WeWeb tasks the agent can do and which ones need your approval
A WeWeb tool call is refused and you want to know whether it is a plan issue

Tools it uses

createPage
addElements
addSection
createDesignSystemTokens
createDesignSystemClass
createClass
changeDefaultTheme
activateIconSet
checkIconNames
createAppWorkflow
createPageWorkflow
createElementWorkflow
createFunctionWorkflow
createApiBackendWorkflow
createInternalBackendWorkflow
createEventTriggerBackendWorkflow
createMiddlewareBackendWorkflow
createTableIntegration
createTableView
createTableViewIntegration
addWeWebTableColumn
addWeWebTableConstraint
addRowToWeWebTable
createEnvVariable

Example

Connect to WeWeb and show me which workspaces and projects I can work on, then ask me to confirm before changing anything.

You have access to 2 workspaces. In the Acme workspace there are 3 projects: Marketing site, Client portal and Internal tools. Which one should I work on? I will restate the target and wait for your confirmation before making any change.

Use in RevampKeyRead the full skill →

Asks before writing4 WeWeb tools

Design a WeWeb backend workflow

Plans an API, internal, event-trigger or middleware backend workflow by settling its trigger, inputs, branching and failure handling first. It asks for your yes before creating anything.

Use it when

You need an endpoint that a page or external system will call
You want a job that reacts when data changes
You are unsure whether a check belongs in middleware or inside the workflow

Tools it uses

createApiBackendWorkflow
createInternalBackendWorkflow
createEventTriggerBackendWorkflow
createMiddlewareBackendWorkflow

Example

Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.

Proposed as an API workflow, because the storefront calls it on demand. Inputs: order_id (required, must be a non-empty string). First step checks the caller owns that order and stops with a refusal otherwise. It then reads the order status, and if already cancelled it returns success without refunding again. The refund step is the risky one, so it runs last, with an idempotency key so a retry cannot refund twice.

Use in RevampKeyRead the full skill →

Asks before writing6 WeWeb tools

Audit and extend your WeWeb design system

Reads your existing tokens, theme defaults, icon sets and classes, reuses what already fits, and proposes only the additions that are missing. It asks for your yes before changing anything.

Use it when

You want to add brand colours or spacing tokens without duplicating existing ones
You are switching icon sets or changing theme defaults and need to know what it affects
Your styling has drifted and you want to consolidate names before adding more

Tools it uses

createDesignSystemTokens
changeDefaultTheme
checkIconNames
activateIconSet
createDesignSystemClass
createClass

Example

Check my design system in the Acme project. I need a muted text colour for captions, and make sure I'm not adding a duplicate of something I already have.

I read the Acme design system: 18 tokens, 6 classes, one active icon set. Your existing color-text-secondary is #6B7280, the same value as the caption colour you asked for, so I suggest reusing it rather than adding a new token. Nothing has been changed. Do you want me to proceed with reusing it?

Use in RevampKeyRead the full skill →

Asks before writing9 WeWeb tools

Find unused resources in your WeWeb project

Scans your WeWeb project for pages, variables, environment variables, classes and workflows that look unused, and reports each one as a cleanup candidate with its evidence and confidence. It only reports; it never deletes anything.

Use it when

Your project has grown and you want to know what can be removed safely
You suspect old pages or variables are no longer used before a release
You want a cleanup list to review in the editor before removing anything

Tools it uses

createApiBackendWorkflow
createInternalBackendWorkflow
createEventTriggerBackendWorkflow
createMiddlewareBackendWorkflow
createClass
createDesignSystemClass
createPage
createPageWorkflow
createEnvVariable

Example

Check my WeWeb project for unused pages, variables and workflows and tell me what is safe to remove.

I checked the Marketing site project in your workspace. It has 42 pages, 18 variables, 9 environment variables, 27 classes and 31 workflows. I found 5 high-confidence candidates, including an old 'pricing_v1' page with no links to it. I did not delete anything; the list is ready for you to review in the editor.

Use in RevampKeyRead the full skill →

Asks before writing6 WeWeb tools

Set up a WeWeb table with AI

Builds a WeWeb table's columns, constraints, table view and page integration in dependency order, reading each step back to confirm it. It asks before creating, renaming or adding rules over existing data.

Use it when

You are creating a new table for orders, products or bookings.
You need to add required or unique rules to a table that already has rows.
You want a list on a page to show only the rows the view selects.

Tools it uses

addWeWebTableColumn
addRowToWeWebTable
addWeWebTableConstraint
createTableView
createTableViewIntegration
createTableIntegration

Example

Set up a products table with name, price and SKU, make SKU unique, and show active products in a list on the shop page.

Plan: table products (one row = one product), columns name (text, required), price (number), sku (text, unique), active (boolean). Before adding the unique SKU rule, I checked the table: 12 rows, and 2 share a SKU, so the rule would fail. I need your decision on those two rows. Once cleared, I will create the view for active products and bind it to the shop list.

Use in RevampKeyRead the full skill →

Get all 5 without copying a file

RevampKey adds the skills when you connect WeWeb, updates them for you and removes them when you disconnect.

Download RevampKey

How WeWeb skills work

Connect WeWeb
The WeWeb MCP server gives the agent its tools.
Ask in plain words
“Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.” Each SKILL.md says when it applies, so only the one that fits is loaded.
Approve any change
The agent calls the tools in order, checks its work, and shows you any change before it makes it.

How to install WeWeb skills

In RevampKey the skills install themselves when you connect WeWeb. In other tools each skill is one folder with a SKILL.md file, and you also need the WeWeb MCP server connected there.

About 1 minute · nothing to copy

Download RevampKey for Mac, Windows or Linux and sign in.
Open Connectors and connect WeWeb. All 5 skills come with it and stay up to date; they go away when you remove the connector.
Ask in plain language, for example “Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.”
Download RevampKeyConnect WeWeb · 1 click
Get RevampKey to connect WeWeb
RevampKey is a free desktop app for Mac, Windows and Linux. Install it, sign in, and WeWeb is one click away with its skills already attached.
Download RevampKey
Not now? Use the skills in your current tool
for s in essentials backend-workflow-design design-system-tokens-and-theme site-audit-unused-resources table-schema-setup; do curl -fsSL --create-dirs -o .claude/skills/weweb-$s/SKILL.md https://revampkey.com/marketplace/weweb/skills/$s/SKILL.md done
Other tools

Into this project’s .claude/skills folder

Connect the WeWeb MCP server in Claude Code.

Run this in your project folder to add all 5 skills:

for s in essentials backend-workflow-design design-system-tokens-and-theme site-audit-unused-resources table-schema-setup; do
  curl -fsSL --create-dirs -o .claude/skills/weweb-$s/SKILL.md https://revampkey.com/marketplace/weweb/skills/$s/SKILL.md
done

Ask in plain language, for example “Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.”

Into the shared .agents/skills folder

Connect the WeWeb MCP server in Cursor.

Run this in your project folder to add all 5 skills:

for s in essentials backend-workflow-design design-system-tokens-and-theme site-audit-unused-resources table-schema-setup; do
  curl -fsSL --create-dirs -o .agents/skills/weweb-$s/SKILL.md https://revampkey.com/marketplace/weweb/skills/$s/SKILL.md
done

Ask in plain language, for example “Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.”

Into the shared .agents/skills folder

Connect the WeWeb MCP server in Codex.

Run this in your project folder to add all 5 skills:

for s in essentials backend-workflow-design design-system-tokens-and-theme site-audit-unused-resources table-schema-setup; do
  curl -fsSL --create-dirs -o .agents/skills/weweb-$s/SKILL.md https://revampkey.com/marketplace/weweb/skills/$s/SKILL.md
done

Ask in plain language, for example “Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.”

Into the shared .agents/skills folder

Connect the WeWeb MCP server in VS Code.

Run this in your project folder to add all 5 skills:

for s in essentials backend-workflow-design design-system-tokens-and-theme site-audit-unused-resources table-schema-setup; do
  curl -fsSL --create-dirs -o .agents/skills/weweb-$s/SKILL.md https://revampkey.com/marketplace/weweb/skills/$s/SKILL.md
done

Ask in plain language, for example “Design a backend workflow that lets a logged-in user cancel their own order, and make sure they cannot cancel someone else's.”

RevampKey or copy the files?

In RevampKey

One click when you connect WeWeb
Updated for you when a skill improves
Removed when you disconnect
The MCP server is set up for you
800+ other connectors, same way

Download free

Copy into your project

One command per project
Run it again to get updates
You connect the WeWeb MCP server yourself
Works in Claude Code, Cursor, Codex and VS Code

See the command

WeWeb skills FAQ

What is a WeWeb agent skill?

A SKILL.md file: a short playbook an AI agent loads when your request matches it. Each WeWeb skill describes one job, which WeWeb tools to use in which order, what to check first and when to stop and ask you.

Do the WeWeb skills change anything on their own?

The others tell the agent to show you the change and wait for a yes before it creates, edits or deletes anything in WeWeb.

Which tools can use these skills?

Any agent that reads the open Agent Skills format: Claude Code, Cursor, Codex, VS Code with Copilot and RevampKey. In RevampKey they are attached when you connect WeWeb; elsewhere you copy the folders into your project or skills directory.

Do I need the WeWeb MCP server too?

Yes. The skills tell the agent how to do the work; the WeWeb MCP server gives it the tools to do it. The WeWeb MCP setup guide covers every client.

WeWeb MCP server setup · This page as Markdown

Put WeWeb’s best workflows in your agent

Download RevampKey, connect WeWeb and ask your first question in about a minute.

Download RevampKey Connect WeWeb · 1 click

All 5 WeWeb skills

WeWeb MCP essentials

Use it when

Tools it uses

Design a WeWeb backend workflow

Use it when

Tools it uses

Audit and extend your WeWeb design system

Use it when

Tools it uses

Find unused resources in your WeWeb project

Use it when

Tools it uses

Set up a WeWeb table with AI

Use it when

Tools it uses

Get all 5 without copying a file

How WeWeb skills work

How to install WeWeb skills

RevampKey or copy the files?

In RevampKey

Copy into your project

WeWeb skills FAQ

Put WeWeb’s best workflows in your agent

Skills for related tools