mcp-server

webmcp-sdk: Build AI‑native web apps with zero code changes

Name: webmcp-sdk: Build AI‑native web apps with zero code changes
Author: opentiny

Use webmcp-sdk to let LLM agents control any webpage via WebMCP and WebSkills, perfect for founders building AI‑driven front‑ends without modifying source.

From the repo · “OpenTiny NEXT-SDKs is a front-end AI and browser automation toolkit. It implements WebMCP + WebSkills to build AI-native apps, and leverages webmcp-cli to enable LLM agents to remote-control any webpage without source code modifications. OpenTiny NEXT-SDKs 是一套前端 AI 与浏览器自动化工具包。它通过 WebMCP + WebSkills 协议构建 AI 原生应用，并利用 webmcp-cli 实现了无需修改源码即可让大模型代理自动控制任”

123 stars+2★ this week23 forksTypeScriptGuide quality 8/10 · reviewed Oct 22Updated 10/22/2026100% free · open source

What it does

Webmcp-sdk is a front-end AI and browser automation toolkit that enables building AI-native apps and remote-controlling webpages without source code modifications.

When to use it

•Building AI-powered web applications that require browser automation
•Creating automated testing or scraping tools for web pages
•Developing LLM agents that need to interact with web pages

Ready-to-paste prompt

npx webmcp-cli --url https://example.com --llm-agent my-llm-agent

Heads up: Make sure you have the correct version of Node.js and TypeScript installed, as webmcp-sdk is built with TypeScript and relies on specific Node.js features

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/webmcp-sdk && curl -fsSL https://workflowstacks.com/api/skills/webmcp-sdk/claude-skill -o ~/.claude/skills/webmcp-sdk/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How webmcp-sdk: Build AI‑native web apps with zero code changes works

Codeflow

Free to inspect

Webmcp-sdk: Build AI‑native web apps with zero code changes is a large TypeScript project (~36k lines across 303 code files, plus 33 test files). Setup is light: installs like a normal app. Reading the code is optional. Last commit this month, MIT license, has a test suite.

Size

Large codebase

~36k lines · 303 code files · ~5 h to skim

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js

No API keys detected

TypeScript 80%Vue 15%HTML 3%CSS 1%SCSS 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
AGENTS.md
The instructions the AI actually follows
3
package.json
Dependencies and the commands it exposes
4
packages/webmcp-cli-skill/cdp/SKILL.md
Inside packages/webmcp-cli-skill/ — an example of what the AI is told to do

What's in each folder

packages/webmcp-cli-skill/Prompts, skills & agent definitions10 files

docs/Documentation86 files

packages/next-sdk/Package137 files

packages/next-wxt/Package89 files

packages/next-remoter/Package70 files

packages/webmcp-cli/Package70 files

packages/doc-ai-angular/Package63 files

packages/doc-ai-react/Package46 files

READMEHas testsDocumentedCI checksMIT licenseUpdated this month

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/webmcp-sdk && curl -fsSL https://workflowstacks.com/api/skills/webmcp-sdk/claude-skill -o ~/.claude/skills/webmcp-sdk/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

opentiny

Language

TypeScript