mcp-server

webmcp-sdk: AI-native apps

Name: webmcp-sdk: AI-native apps
Author: opentiny

Build AI-native apps with webmcp-sdk, a front-end AI and browser automation toolkit for founders

114 stars21 forksTypeScriptGuide quality 8/10Updated 8/10/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: AI-native apps works

Codeflow

Free to inspect

Webmcp-sdk: AI-native apps is a large TypeScript project (~33k lines across 289 code files, plus 27 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

~33k lines · 289 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 77%Vue 16%HTML 3%CSS 2%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/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 definitions9 files

docs/Documentation86 files

packages/next-sdk/Package137 files

packages/next-wxt/Package89 files

packages/next-remoter/Package70 files

packages/doc-ai-angular/Package63 files

packages/doc-ai-react/Package46 files

packages/webmcp-cli/Package45 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