alpic-ai/webmcp

Última atividade de origem registrada: 26 de agosto de 2026 às 10:07

Catálogo do SkillsMP atualizado: 12 de novembro de 2026 às 12:52

skills coletadas: 1

Estrelas no GitHub: 17
Forks no GitHub: 0

Instalar com um assistente de IA

Copie este prompt para o assistente de IA que você usa.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/alpic-ai/webmcp.

README do repositório

Arquivo de origem do README: README.md

Ler o README original

Expandir README completo

# WebMCP plugin Agent skill for making websites **WebMCP-compatible**: ping-pong which paths to expose, then ship **Declarative vs Imperative vs Bridge**. Surface support today: [Codex](http://learn.chatgpt.com/docs/webmcp), Chrome 149 and Edge 150 origin trials, experimental Brave Leo; Firefox and Safari are still positions-only ([implementation status](https://github.com/webmachinelearning/webmcp/blob/main/implementation-status.md)). The repo is packaged as a **plugin** for Claude Code, Codex, and as a [skills.sh](https://skills.sh) skill. ## Install ### Cursor / skills.sh ```bash npx skills add alpic-ai/webmcp --skill webmcp ``` ### Claude Code ```bash claude plugin marketplace add alpic-ai/webmcp claude plugin install webmcp@webmcp ``` Validate before submitting: ```bash claude plugin validate . ``` ### Codex Add this repo as a marketplace source, then install **WebMCP** from the Plugins Directory. ```bash codex plugin marketplace add alpic-ai/webmcp ``` ## What’s inside ``` skills/webmcp/ ├── SKILL.md # Ping-pong + Declarative vs Imperative vs Bridge └── references/ ├── strategies.md # Declarative vs Imperative vs Bridge ├── declarative-forms.md # toolname / tooldescription on existing forms ├── tool-design.md # Dedicated imperative paths ├── runtime.md # Native vs polyfill, iframes ├── frameworks.md # Vanilla, React/usewebmcp, Next, Vue ├── proxy-existing-mcp.md # webmcp-proxy for existing MCP servers ├── verify.md # Chrome DevTools MCP dogfood └── security.md # Session inheritance, injection ``` ## Why this exists 1. **Spec-aligned** — `document.modelContext` first, navigator fallback 2. **Path-first** — agent ping-pongs strategies and paths before coding 3. **Three strategies** — Declarative vs Imperative vs Bridge (`webmcp-proxy`) 4. **Verification-first** — Chrome DevTools MCP `list_webmcp_tools` / `execute_webmcp_tool` ## Example prompts after install - “Make this site WebMCP compatible — help me choose what to expose” - “Annotate our existing forms as WebMCP tools” - “Put our MCP server on the website with webmcp-proxy” - “Expose checkout as one dedicated WebMCP tool from step 1” ## References - [W3C WebMCP draft](https://webmachinelearning.github.io/webmcp/) - [Chrome Imperative API](https://developer.chrome.com/docs/ai/webmcp/imperative-api) - [Chrome Declarative API](https://developer.chrome.com/docs/ai/webmcp/declarative-api) - [Chrome best practices](https://developer.chrome.com/docs/ai/webmcp/best-practices) - [webmcp-proxy](https://www.npmjs.com/package/webmcp-proxy) - [usewebmcp](https://www.npmjs.com/package/usewebmcp) ## License MIT

Carregando o README do repositório…

Skills neste repositório

Desenvolvedores de software

1 categorias ocupacionais · 100% classificado

skill

ocupação

descrição

atualizado

webmcp

Desenvolvedores de software

Make a website usable by in-browser AI agents with WebMCP. Plan which paths to expose, then ship them as declarative form annotations, dedicated imperative tools, or a bridge to an existing MCP server. Use when the user mentions WebMCP, document.modelContext,…

Idioma do texto original: inglês

2026-08-26

Mostrando 1 de 1 skills coletadas.